.checkout-page{--checkout-accent:#f59e0b;--checkout-accent-2:#4f46e5;--checkout-muted:#64748b;--checkout-text:#0f172a;--checkout-text-soft:#475569;--checkout-heading:#0f172a;--checkout-surface:hsla(0,0%,100%,.88);--checkout-panel-bg:linear-gradient(160deg,#fff,#f1f5f9);--checkout-panel-shadow:0 24px 80px -32px rgba(15,23,42,.18);--checkout-border:rgba(15,23,42,.1);--checkout-header-bg:rgba(249,250,251,.92);--checkout-input-bg:#fff;--checkout-input-text:#0f172a;--checkout-input-border:rgba(15,23,42,.14);--checkout-pay-tab-bg:rgba(248,250,252,.95);--checkout-pay-tab-text:#1e293b;--checkout-plan-bg:hsla(0,0%,100%,.85);--checkout-bank-bg:rgba(236,253,245,.9);--checkout-bank-border:rgba(16,185,129,.45);--checkout-demo-bg:rgba(254,243,199,.85);--checkout-demo-border:rgba(245,158,11,.45);--checkout-demo-text:#92400e;--checkout-stripe-mount-bg:rgba(241,245,249,.9);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(79,70,229,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0,rgba(245,158,11,.12),transparent 50%),#f9fafb;color:var(--checkout-text);min-height:100vh;transition:background .35s ease,color .35s ease}html.dark .checkout-page{--checkout-muted:#94a3b8;--checkout-text:#f8fafc;--checkout-text-soft:#cbd5e1;--checkout-heading:#f8fafc;--checkout-surface:rgba(15,23,42,.72);--checkout-panel-bg:linear-gradient(160deg,rgba(30,41,59,.92),rgba(15,23,42,.96));--checkout-panel-shadow:0 24px 80px -32px rgba(0,0,0,.65);--checkout-border:hsla(0,0%,100%,.1);--checkout-header-bg:rgba(3,7,18,.88);--checkout-input-bg:rgba(2,6,23,.55);--checkout-input-text:#f8fafc;--checkout-input-border:hsla(0,0%,100%,.14);--checkout-pay-tab-bg:rgba(0,0,0,.22);--checkout-pay-tab-text:#e2e8f0;--checkout-plan-bg:hsla(0,0%,100%,.04);--checkout-bank-bg:rgba(6,78,59,.15);--checkout-bank-border:rgba(52,211,153,.45);--checkout-demo-bg:rgba(245,158,11,.12);--checkout-demo-border:rgba(245,158,11,.4);--checkout-demo-text:#fde68a;--checkout-stripe-mount-bg:rgba(2,6,23,.45);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(79,70,229,.35),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0,rgba(245,158,11,.2),transparent 50%),#030712}.checkout-page__grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");inset:0;opacity:.35;pointer-events:none;position:fixed;z-index:0}.checkout-page__inner{position:relative;z-index:1}.checkout-page__header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--checkout-header-bg);border-bottom:1px solid var(--checkout-border);position:sticky;top:0;z-index:50}.checkout-trust{color:var(--checkout-muted);display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:700;gap:.75rem 1.25rem;letter-spacing:.08em;text-transform:uppercase}.checkout-trust span{align-items:center;display:inline-flex;gap:.35rem}.checkout-trust i{color:#10b981}.checkout-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.checkout-icon-btn{align-items:center;background:var(--checkout-pay-tab-bg);border:1px solid var(--checkout-border);border-radius:.75rem;color:var(--checkout-text);display:inline-flex;font-size:.72rem;font-weight:800;height:2.35rem;justify-content:center;transition:transform .15s ease,background .2s ease;width:2.35rem}.checkout-icon-btn:hover{transform:scale(1.04)}html.dark .checkout-icon-btn--theme{color:#fbbf24}.checkout-brand{color:var(--checkout-heading);font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.checkout-link-muted{color:#b45309;font-size:.875rem;font-weight:700}html.dark .checkout-link-muted{color:#fcd34d}.checkout-link-muted:hover{opacity:.85}.checkout-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.checkout-step{background:var(--checkout-plan-bg);border:1px solid var(--checkout-border);border-radius:999px;color:var(--checkout-muted);flex:1;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:.55rem .5rem;text-align:center;text-transform:uppercase}.checkout-step.is-active{background:#f59e0b24;border-color:#f59e0b8c;color:#b45309}html.dark .checkout-step.is-active{background:#f59e0b1f;color:#fde68a}.checkout-step.is-done{border-color:#10b98173;color:#047857}html.dark .checkout-step.is-done{color:#6ee7b7}.checkout-plan-card{background:var(--checkout-plan-bg);border:2px solid var(--checkout-border);border-radius:1.25rem;color:var(--checkout-text);padding:1rem 1.1rem;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.checkout-plan-card:hover{transform:translateY(-2px)}.checkout-plan-card.is-selected{background:linear-gradient(165deg,#f59e0b1f,#4f46e50f);border-color:#f59e0bbf;box-shadow:0 0 0 1px #f59e0b40,0 16px 40px -24px #f59e0b59}html.dark .checkout-plan-card.is-selected{background:linear-gradient(165deg,#f59e0b24,#4f46e514);box-shadow:0 0 0 1px #f59e0b40,0 16px 40px -24px #f59e0b73}.checkout-summary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--checkout-surface);border:1px solid var(--checkout-border);border-radius:1.5rem;padding:1.25rem 1.35rem}.checkout-panel{background:var(--checkout-panel-bg);border:1px solid var(--checkout-border);border-radius:1.75rem;box-shadow:var(--checkout-panel-shadow);padding:1.5rem 1.35rem}@media(min-width:640px){.checkout-panel{padding:2rem 1.75rem}}.checkout-pay-tabs{display:grid;gap:.65rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.checkout-pay-tab{align-items:flex-start;background:var(--checkout-pay-tab-bg);border:2px solid var(--checkout-border);border-radius:1rem;color:var(--checkout-pay-tab-text);cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-align:left;transition:border-color .2s,background .2s,opacity .2s}.checkout-pay-tab:disabled{cursor:not-allowed;opacity:.45}.checkout-pay-tab strong{align-items:center;display:flex;font-size:.95rem;gap:.45rem}.checkout-pay-tab small{color:var(--checkout-muted);font-size:.72rem;line-height:1.35}.checkout-pay-tab.is-active{background:#f59e0b1a;border-color:#f59e0bb3}.checkout-pay-tab.is-active strong{color:#b45309}html.dark .checkout-pay-tab.is-active strong{color:#fde68a}.checkout-input{background:var(--checkout-input-bg);border:1px solid var(--checkout-input-border);border-radius:.85rem;color:var(--checkout-input-text);font-size:.92rem;padding:.8rem 1rem;width:100%}.checkout-input:focus{border-color:#f59e0b8c;outline:2px solid rgba(245,158,11,.45)}.checkout-input.is-invalid{border-color:#f87171a6}.checkout-bank-box{background:var(--checkout-bank-bg);border:1px dashed var(--checkout-bank-border);border-radius:1.15rem;padding:1.1rem 1.2rem}.checkout-bank-row{align-items:flex-start;border-bottom:1px solid var(--checkout-border);color:var(--checkout-text);display:flex;font-size:.85rem;gap:.75rem;justify-content:space-between;padding:.55rem 0}.checkout-bank-row:last-child{border-bottom:0}.checkout-bank-row span:first-child{color:var(--checkout-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.checkout-bank-row span:last-child{font-weight:700;text-align:right;word-break:break-all}.checkout-copy-btn{background:var(--checkout-pay-tab-bg);border:1px solid var(--checkout-border);border-radius:.5rem;color:var(--checkout-text);cursor:pointer;flex-shrink:0;font-size:.68rem;font-weight:800;padding:.35rem .65rem}.checkout-copy-btn:hover{opacity:.85}.checkout-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:0;border-radius:1rem;box-shadow:0 12px 32px -12px #f59e0b8c;color:#0f172a;cursor:pointer;font-size:1rem;font-weight:900;padding:1rem 1.25rem;width:100%}.checkout-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.checkout-alert-offline{background:var(--checkout-demo-bg);border:1px solid var(--checkout-demo-border);border-radius:1rem;color:var(--checkout-demo-text)}.checkout-stripe-mount{background:var(--checkout-stripe-mount-bg);border-radius:.75rem;min-height:240px;padding:.25rem}.checkout-success{margin:0 auto;max-width:32rem;padding:3rem 1rem 4rem;text-align:center}.checkout-text-muted{color:var(--checkout-text-soft)}.checkout-text-accent{color:#b45309}html.dark .checkout-text-accent{color:#fbbf24}.checkout-eyebrow{color:#b45309;font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}html.dark .checkout-eyebrow{color:#fbbf24}
