@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&display=swap";:root{color:#f7fbff;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#05070f;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100svh}:root{--checkout-shell-bg:#060916;--checkout-shell-soft:#0e1630;--checkout-shell-line:#ffffff1a;--checkout-accent:#35e46d;--checkout-accent-dark:#0f7a38;--checkout-text:#f8fafc;--checkout-muted:#b6c0d4;--checkout-payment-bg:#fff;--checkout-payment-text:#101828;--checkout-payment-muted:#667085;--checkout-payment-line:#e4e7ec;--checkout-error:#e5484d;--checkout-success:#16a34a;--checkout-radius:18px;--checkout-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--checkout-brand-font:"Orbitron", var(--checkout-sans)}.checkout-page{background:radial-gradient(circle at 20% 0%, #35e46d1f, transparent 30%), linear-gradient(150deg, #07112a 0%, var(--checkout-shell-bg) 58%, #04050b 100%);min-height:100svh;color:var(--checkout-text);font-family:var(--checkout-sans);overflow-x:hidden}.checkout-shell{width:min(100%,1120px);min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:auto auto 1fr auto;gap:14px;margin:0 auto;display:grid}.checkout-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.checkout-brand{min-width:0;font-family:var(--checkout-brand-font);align-items:center;gap:11px;display:flex}.checkout-brand__mark{background:linear-gradient(135deg, transparent 0 46%, var(--checkout-accent) 47% 62%, transparent 63%), linear-gradient(145deg, #ffffff24, #ffffff08), #10194a;border:1px solid #ffffff2e;border-radius:12px;flex:none;width:42px;height:42px;box-shadow:inset 0 1px #fff3}.checkout-brand__eyebrow,.checkout-brand__name{overflow-wrap:anywhere;text-transform:uppercase;min-width:0;line-height:1;display:block}.checkout-brand__eyebrow{color:var(--checkout-muted);font-size:.7rem;font-weight:700}.checkout-brand__name{color:#fff;margin-top:4px;font-size:.95rem;font-weight:800}.checkout-secure-badge{color:#d9ffe5;white-space:nowrap;background:#35e46d1a;border:1px solid #35e46d47;border-radius:999px;flex:none;align-items:center;min-height:32px;padding:0 11px;font-size:.78rem;font-weight:700;display:inline-flex}.checkout-summary{border:1px solid var(--checkout-shell-line);border-radius:var(--checkout-radius);background:linear-gradient(135deg,#ffffff14,#ffffff08),#ffffff0b;gap:5px;padding:15px;display:grid}.checkout-summary__label,.mock-checkout__label,.checkout-status__label{font-family:var(--checkout-brand-font);letter-spacing:0;margin:0;font-weight:700}.checkout-summary__label{color:var(--checkout-accent);font-size:.73rem}.checkout-summary strong{color:#fff;min-width:0;font-family:var(--checkout-brand-font);overflow-wrap:anywhere;font-size:clamp(1.25rem,5vw,1.75rem);font-weight:800;line-height:1.18}.checkout-summary__note{color:var(--checkout-muted);font-size:.9rem}.checkout-panel{background:var(--checkout-payment-bg);min-width:0;color:var(--checkout-payment-text);border:1px solid #ffffff38;border-radius:22px;align-self:start;gap:16px;padding:14px;display:grid;box-shadow:0 22px 60px #00000052}.checkout-status{min-width:0;padding:2px;display:block}.checkout-status__label,.checkout-status__message{overflow-wrap:anywhere;min-width:0;display:block}.checkout-status__label{color:var(--checkout-payment-text);font-size:.95rem}.checkout-status__message{color:var(--checkout-payment-muted);margin-top:3px;font-size:.92rem}.payment-mount{border-top:1px solid var(--checkout-payment-line);background:var(--checkout-payment-bg);gap:12px;min-height:360px;padding:12px 0 0;display:grid}.payment-loader{min-height:310px;color:var(--checkout-payment-muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.payment-loader__ring{border:3px solid #eaecf0;border-top-color:var(--checkout-accent-dark);border-radius:999px;width:40px;height:40px;animation:.8s linear infinite checkoutSpin}.payment-slot{background:#fff;width:100%;min-width:0}.payment-slot--buttons{min-height:0}.payment-slot--buttons:empty{display:none}.payment-slot--screen{min-height:260px}.payment-slot--hidden{display:none}.mock-checkout{border-top:1px solid var(--checkout-payment-line);gap:16px;padding-top:12px;display:grid}.mock-checkout__label{color:var(--checkout-payment-text);font-size:.82rem}.mock-checkout__copy{color:var(--checkout-payment-muted);margin:4px 0 0}.mock-checkout__actions{grid-template-columns:1fr;gap:10px;display:grid}.checkout-button{border:1px solid var(--checkout-payment-line);border-radius:12px;min-height:46px;padding:0 16px;font-size:.94rem;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.checkout-button:hover{transform:translateY(-1px)}.checkout-button:focus-visible{outline:2px solid var(--checkout-accent);outline-offset:3px}.checkout-button--primary{color:#04130a;border-color:var(--checkout-accent);background:var(--checkout-accent)}.checkout-button--secondary{color:var(--checkout-payment-text);background:#fff}.checkout-button--danger{color:#fff;border-color:var(--checkout-error);background:var(--checkout-error)}.checkout-assurance{color:#f8fafcb8;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 14px;font-size:.78rem;display:flex}.checkout-assurance span{min-width:0}@keyframes checkoutSpin{to{transform:rotate(360deg)}}@media (width>=720px){.checkout-shell{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(280px,.82fr) minmax(420px,1fr);align-items:start;gap:18px;padding:32px}.checkout-header,.checkout-summary,.checkout-assurance{grid-column:1}.checkout-panel{grid-area:1/2/span 3;padding:18px}.checkout-summary{align-self:start}.checkout-assurance{text-align:left;justify-content:flex-start}.mock-checkout__actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1080px){.checkout-shell{align-content:center;padding:56px 32px}.checkout-brand__mark{width:48px;height:48px}.checkout-brand__name{font-size:1.05rem}.checkout-summary{padding:20px}.checkout-panel{border-radius:26px;padding:22px}}
