/* Payoo V2.5.12 — Independent fintech visual system. Checkout & admin presentation only. */
:root {--payoo-ink:#122b49;--payoo-blue:#2165e8;--payoo-cyan:#0aaab4;--payoo-soft:#eff6ff;--payoo-border:#e2ebf6;--payoo-ease:cubic-bezier(.2,.8,.2,1)}
body:not(.game-shell) {background:radial-gradient(900px 650px at 95% 0%,rgba(27,131,235,.07),transparent 55%),#f5f8fc;color:var(--payoo-ink)}
.nav{height:76px;border-bottom:1px solid #e5edf6;box-shadow:0 1px 0 rgba(20,53,92,.02)}
.logo{gap:0;letter-spacing:0;font-size:18px}
.logo-svg{flex:none;width:38px;height:38px;margin-right:10px;filter:drop-shadow(0 5px 12px rgba(16,103,204,.12))}
.logo-word{font:800 24px/1 'Manrope',sans-serif;letter-spacing:-1.55px;color:#183c6a}
.logo-word span{color:#14a7ba}
.logo .version{font-size:9px;letter-spacing:1px;color:#8091a5;margin-left:15px}
.network{font-size:11px;color:#3c5a7d}
.light-dot{background:#18b97d;box-shadow:0 0 0 4px #18b97d20}
.footer{background:#0f2747;color:#dbeafe;border-top:1px solid #193b61;padding-top:20px;padding-bottom:20px}
.footer>span:first-child{font:800 14px 'Manrope',sans-serif;letter-spacing:-.35px}
.footer .footer-faint{font:500 11px 'DM Sans',sans-serif;letter-spacing:0}
.hero{padding-top:46px;padding-bottom:23px;max-width:770px}
.hero h1{font-size:clamp(37px,4.7vw,57px);letter-spacing:-2.7px;margin:12px 0}
.hero h1 em{font-family:'Manrope',sans-serif;font-weight:800;font-style:normal;color:var(--payoo-blue)}
.hero p{font-size:14px;line-height:1.7;max-width:600px}
.page .section-kicker{color:#4b80c0}
.panel{border-color:#e4edf6;border-radius:22px;box-shadow:0 14px 50px rgba(20,53,94,.045)}
.panel-heading{margin-bottom:20px}
.panel h2{letter-spacing:-.75px}
.button{border-radius:13px;font-weight:800;letter-spacing:-.05px;min-height:50px;transition:transform .15s var(--payoo-ease),box-shadow .15s var(--payoo-ease)}
.button.primary{background:linear-gradient(115deg,#2165e8,#1952bf);border:1px solid #1c5cdb;box-shadow:0 11px 22px rgba(33,101,232,.16)}
.button.primary:not(:disabled):hover{background:linear-gradient(115deg,#1957d5,#1648a9);box-shadow:0 14px 25px rgba(33,101,232,.22)}
.button.secondary{background:#fff;border-color:#d8e4f3;color:#244c7b}
.button.secondary:hover{background:#f8fbff}
.button.gold{background:linear-gradient(110deg,#ebf8ff,#e5f4fa);border-color:#d2eaf5;color:#145276}
.button:focus-visible,.logo:focus-visible{outline:3px solid #7cb7ff;outline-offset:2px}
.chip{font-size:9px;background:#eef6ff;border-color:#dce9fd;color:#235eb0}
#order-title,#order-amount,#admin-token,.form input{border-radius:12px}
#create-form .order-amount-preset.is-selected{background:#eaf2ff;border-color:#2c6de0;box-shadow:0 0 0 3px #2978ef12}
.form label{color:#32475e}
.payment-settings{padding:24px 27px}
.setting-desc{font-size:12px;margin:10px 0 15px}
.mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.mode-options label{align-content:start;border-color:#e1e9f3;background:#fafdff;gap:10px;border-radius:13px;min-height:76px;font-size:12px}
.mode-options label:has(input:checked){border-color:#80b1ef;background:#f0f6ff}
.mode-options small{padding-left:0;font-size:10px;line-height:1.5}
.mode-options input{accent-color:#2165e8}
.admin-gate-mark img{display:block}
.admin-gate-card{border-color:#dfe9f5;box-shadow:0 24px 65px #0d294411}
.created-top{border-color:#cbdff6;background:#f1f7ff}

/* Checkout header: small, focused, app-like instead of landing-page hero. */
.checkout-page{width:min(960px,calc(100% - 38px))}
.checkout-kicker{display:flex;align-items:center;gap:12px;margin-top:24px;color:#193d68}
.checkout-kicker-lock{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f8f1;color:#0b9076;font-weight:900;font-size:15px;box-shadow:0 0 0 1px #ccecdf inset}
.checkout-kicker>div{display:flex;flex-direction:column;gap:2px}
.checkout-kicker strong{font-size:12px;font-weight:800}
.checkout-kicker span:not(.checkout-kicker-lock){font-size:10px;font-weight:600;color:#8295aa}
.checkout-title{padding:22px 0 22px}
.checkout-title .section-kicker{font-size:9px;letter-spacing:1.5px;color:#6c86a5}
.checkout-title h1{font-size:clamp(30px,4vw,42px);margin:9px 0 8px;letter-spacing:-1.7px;line-height:1.18;color:#123456}
.checkout-title h1 em{font-family:'Manrope',sans-serif;font-style:normal;font-weight:800;color:#2165e8}
.checkout-title p{font-size:13px;line-height:1.55;color:#6e8094;max-width:610px}
.checkout-grid{grid-template-columns:minmax(0,1fr) 270px;gap:17px;padding-bottom:35px}
.checkout-panel{border:1px solid #dfe8f3;border-radius:23px;box-shadow:0 15px 48px rgba(16,53,100,.055)}
.order-top{padding:22px 25px 14px}
.order-top h2{font-size:18px;letter-spacing:-.3px}
.price-box{margin:0 22px;padding:18px 21px;border-radius:15px;background:linear-gradient(120deg,#eef5ff,#f5fbff 70%);border:1px solid #e2eefb}
.price-caption{font-weight:700;color:#6680a0;font-size:11px;letter-spacing:.05px}
.price{font-size:clamp(34px,5vw,43px);line-height:1.2;letter-spacing:-1.85px;margin:4px 0 7px;color:#0f315e}
.price-eth{margin-top:8px;gap:10px}
.eth-mark{width:34px;height:34px;background:#deecff;color:#245bb8;font-size:22px}
.price-eth strong{font-size:14px;color:#1b3f67}
.price-eth small{font-size:10px;color:#7f96ae}
.meta{padding:15px 25px;gap:20px;border-bottom-color:#edf1f6}
.meta span{font-size:10px;color:#7d90a4}
.meta strong{font-size:12px;color:#254765}
.recipient{padding:13px 25px;border-bottom-color:#edf1f6;background:#fff}
.recipient span{font-size:10px;letter-spacing:.05px}
.recipient strong{font-size:11px;letter-spacing:-.3px;color:#2a4867}
.steps{padding:5px 22px 15px}
.step{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:21px 0;border-bottom-color:#edf1f7}
.step-number{width:30px;height:30px;background:#eaf3ff;border-color:#d2e4fd;color:#2165e8;font-weight:800}
.step h3{font-size:15px;letter-spacing:-.3px;margin:3px 0 5px}
.step p{color:#73869b;font-size:12px;line-height:1.58;margin-bottom:10px}
.step .button{margin-top:8px;min-height:51px;font-size:13px}
.step .fine{color:#758ba1;font-size:10px;line-height:1.58;margin-top:11px}
.payoo-important{font-size:11px;line-height:1.55;background:#fff9ee;border-color:#f1e0bc;color:#846132}
.payoo-important strong{color:#735224}
.payoo-disclosure{margin-top:10px;border:1px solid #e5ecf3;border-radius:11px;background:#fbfdff;color:#5b7189}
.payoo-disclosure summary{padding:11px 13px;font-weight:700;font-size:11px;cursor:pointer}
.payoo-disclosure[open] summary{border-bottom:1px solid #e6edf4}
.payoo-disclosure p{margin:0;padding:10px 13px;font-size:11px;line-height:1.6}
.paybis-guide-compact{background:#f9fbff!important;border-color:#e2eaf3!important}
.paybis-guide-compact summary{padding:11px;min-height:52px}
.guide-icon{background:#e1edff;color:#2365c7}
.guide-chevron{color:#5e83b4}
.guide-mini{border-color:#e5eef8}
.right-card{border:1px solid #204367;background:linear-gradient(145deg,#12355b,#0c294a);padding:22px;border-radius:19px;box-shadow:0 18px 40px #0b2e5b16}
.right-card .right-icon{background:#153f67;color:#a0e1f0;border:1px solid #2e648c;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-size:20px;margin-bottom:14px}
.right-card h3{font-size:16px;line-height:1.35;margin-bottom:7px}
.right-card p{line-height:1.65;color:#b7cde4;font-size:11px}
.benefit{font-size:10.5px;color:#d7e9f8;padding:11px 0;border-color:#ffffff20}
.benefit:first-of-type{margin-top:14px;border-color:#ffffff20}
.aside-alert{font-size:11px;color:#637d97;line-height:1.65;padding:14px 6px}
.aside-alert b{color:#365a82}
.status{font-size:10px;background:#f1f4fa;color:#63718a}
.status.pending{background:#eef5ff;color:#3c68a4}
.status.paid{background:#e8f8f2;color:#087d59}
.notice{border-radius:12px}
.notice.good{color:#147e69;background:#eaf9f4}
.checkout-page .complete{background:#edf9f5;border-color:#cdebdc}
.checkout-page .loading-card{background:white;border:1px solid #e1eaf4}
@media (max-width:800px){.checkout-grid{grid-template-columns:1fr}.checkout-page aside{display:grid;grid-template-columns:1fr;gap:0}.checkout-page .right-card{margin-top:0}.mode-options{grid-template-columns:1fr}}
@media (max-width:530px){
 .nav{height:62px;padding:0 15px}.logo-svg{width:32px;height:32px;margin-right:7px}.logo-word{font-size:21px}.logo .version{display:none}.network{font-size:10px}
 .checkout-page{width:calc(100% - 20px)}.checkout-kicker{margin:13px 6px 0}.checkout-title{padding:16px 6px 14px}.checkout-title .section-kicker{font-size:9px}.checkout-title h1{font-size:29px;margin:6px 0}.checkout-title p{font-size:11.5px;line-height:1.55}
 .checkout-grid{gap:12px;padding-bottom:18px}.checkout-panel{border-radius:18px}.order-top{padding:17px 17px 12px;gap:5px}.order-top h2{font-size:16px;margin-top:6px}.price-box{margin:0 13px;padding:14px 15px;border-radius:13px}.price-caption{font-size:10px}.price{font-size:36px;margin:2px 0 3px}.price-eth strong{font-size:13px}
 .meta{padding:12px 17px;gap:10px}.meta span{font-size:9px}.meta strong{font-size:11px}.recipient{padding:12px 17px}.recipient strong{font-size:10px}
 .steps{padding:2px 16px 11px}.step{padding:15px 0;gap:9px}.step h3{font-size:14px}.step p{font-size:11px;line-height:1.52;margin-bottom:7px}.step .button{font-size:12px;min-height:48px}
 .right-card{padding:16px 18px}.right-card .right-icon{display:grid!important;margin-bottom:7px;width:28px;height:28px;font-size:15px}.right-card .benefit{display:block!important;padding:7px 0}.right-card h3{font-size:14px}.right-card p{font-size:11px}
 .checkout-page .aside-alert{padding:8px 10px}
 .hero{padding:26px 0 22px}.hero h1{font-size:35px;letter-spacing:-1.8px}.hero p{font-size:12px}
 .page{width:calc(100% - 22px)}.panel{padding:18px;border-radius:18px}.payment-settings{padding:18px}.form{gap:15px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}