/* Account pages: success, redeem, login, account, checkout */
body.form-page { min-height:100vh; display:grid; place-items:center; padding:90px 16px 40px; }
#fx { position:fixed; inset:0; width:100%; height:100%; z-index:0; }
.panel { position:relative; z-index:1; width:min(440px,100%); border-radius:20px; padding:1px; background:linear-gradient(160deg, rgba(255,255,255,.45), rgba(255,255,255,.06) 40%, rgba(255,255,255,.2)); box-shadow:0 40px 120px rgba(0,0,0,.9), 0 0 80px rgba(255,255,255,.05); }
.panel > .in { border-radius:19px; background:rgba(5,5,5,.94); backdrop-filter:blur(12px); padding:36px 32px 32px; }
.panel .logo { display:block; width:64px; height:68px; margin:0 auto 14px; mix-blend-mode:screen; }
.panel h1 { font:800 28px/1.1 Syne, sans-serif; text-align:center; margin:6px 0 8px; }
.panel .sub { text-align:center; color:var(--dim); font-size:14px; line-height:1.6; margin-bottom:26px; }
.field { margin-bottom:14px; }
.field label { display:block; font-size:10px; letter-spacing:.25em; text-transform:uppercase; color:var(--dim); margin-bottom:7px; }
.field input { width:100%; background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:11px; padding:13px 14px; color:var(--fg); font:500 15px Inter, sans-serif; outline:none; transition:border-color .2s, background .2s; }
.field input:focus { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.06); }
.field input.mono { font-family:'JetBrains Mono', monospace; letter-spacing:.04em; text-transform:uppercase; }
.field .hint { font-size:11px; color:var(--faint); margin-top:6px; }
.btn { display:inline-flex; justify-content:center; align-items:center; gap:8px; font:600 13px Inter, sans-serif; letter-spacing:.08em; text-transform:uppercase; padding:14px 26px; border-radius:999px; text-decoration:none; cursor:pointer; border:0; transition:transform .25s, box-shadow .25s, background .25s, opacity .2s; }
.btn:hover { transform:translateY(-2px); }
.btn:disabled { opacity:.5; cursor:default; transform:none; }
.btn.solid { background:var(--fg); color:#000; box-shadow:0 0 40px rgba(255,255,255,.15); }
.btn.ghost { color:var(--fg); background:none; border:1px solid rgba(255,255,255,.3); }
.btn.ghost:hover { background:rgba(255,255,255,.07); }
.btn.block { width:100%; margin-top:8px; }
.err { min-height:20px; color:#ff8a8a; font-size:13px; text-align:center; margin-top:12px; }
.ok { color:#fff; }
.links { text-align:center; margin-top:18px; font-size:13px; color:var(--dim); }
.links a { color:var(--fg); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.3); }
.keybox { display:flex; align-items:center; gap:10px; border:1px dashed rgba(255,255,255,.3); border-radius:12px; padding:16px; margin:6px 0 18px; }
.keybox code { flex:1; font:600 15px 'JetBrains Mono', monospace; letter-spacing:.04em; word-break:break-all; }
.keybox button { background:none; border:1px solid var(--line); color:var(--fg); border-radius:8px; padding:7px 10px; font:600 10px Inter; letter-spacing:.15em; text-transform:uppercase; cursor:pointer; }
.keybox button:hover { border-color:rgba(255,255,255,.5); }
.rows { border-top:1px solid var(--line); margin:8px 0 22px; }
.rows div { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:13px; }
.rows span:first-child { color:var(--dim); }
.status { display:inline-flex; align-items:center; gap:7px; }
.status i { width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 8px #fff; }
.status.bad i { background:#ff8a8a; box-shadow:0 0 8px #ff8a8a; }
.spin { width:28px; height:28px; border-radius:50%; border:2px solid var(--line); border-top-color:#fff; animation:spin 1s linear infinite; margin:20px auto; }
@keyframes spin { to { transform:rotate(360deg) } }
.price { text-align:center; font:800 54px Syne, sans-serif; margin:-6px 0 4px; }
.mockbar { position:fixed; top:0; left:0; right:0; z-index:60; text-align:center; font:600 11px 'JetBrains Mono'; letter-spacing:.1em; padding:8px; background:#fff; color:#000; }