.account-page{min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(142,92,255,.12),transparent 28%),#08080d}
.account-shell{max-width:1180px;margin:0 auto;padding:50px 5vw 80px}
.auth-card{width:min(430px,100%);margin:40px auto;background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px}
.auth-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f5c451,#ffe7a4);color:#111;font-weight:1000}
.auth-card h1{margin:18px 0 6px}.auth-card>p{color:#9494a4;line-height:1.6;font-size:13px}
.auth-card label,.account-security-card label{display:block;margin:14px 0;color:#cfcfd8;font-size:12px}
.auth-card input,.account-security-card input{width:100%;margin-top:7px;background:#0d0d13;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;color:#fff}
.auth-primary{width:100%;border:0;border-radius:11px;padding:12px;background:linear-gradient(135deg,#f5c451,#ffe7a0);color:#111;font-weight:900;cursor:pointer}
.auth-switch{margin-top:16px;text-align:center;color:#9292a2;font-size:12px}.auth-switch a{color:#f5c451}
.account-flashes{margin-bottom:16px}.account-flash{padding:11px 13px;border-radius:10px;background:#17301f;color:#8be7ad}.account-flash.error{background:#32191c;color:#ff9da8}
.account-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.account-kicker{font-size:10px;letter-spacing:1.5px;color:#f5c451}.account-head h1{font-size:34px;margin:8px 0}.account-head p{margin:0;color:#9292a2}.account-user{background:#12121a;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:12px;color:#9292a2;font-size:12px}.account-user b{color:#fff}
.order-cards{display:grid;gap:14px}.my-order{background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.my-order-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.my-order-top span,.my-order-body span,.my-card-key span{display:block;color:#858596;font-size:10px;margin-bottom:5px}.my-order-top b{font-family:monospace;font-size:13px}.my-order-body{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:18px;padding:18px}.my-order-body b{font-size:13px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#1d1d27;color:#bbb;font-size:11px}.pill.success{background:#123220;color:#79e5a4}.pill.wait{background:#332713;color:#ffd27d}
.my-card-key{margin:0 18px 18px;padding:15px;border-radius:12px;background:#0b0b10;border:1px solid rgba(245,196,81,.18);display:flex;align-items:end;justify-content:space-between;gap:15px}.my-card-key code{font-size:16px;color:#ffe08b;letter-spacing:.8px}.my-card-key button{border:0;border-radius:9px;padding:9px 12px;background:#fff;color:#111;font-weight:900;cursor:pointer}
.account-empty{text-align:center;background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:50px}.account-empty p{color:#9292a2}.account-empty a{display:inline-block;margin-top:8px;color:#f5c451}
.account-security-card{max-width:560px;background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}
@media(max-width:800px){.my-order-body{grid-template-columns:1fr 1fr}.account-head{align-items:flex-start;flex-direction:column}.my-card-key{align-items:stretch;flex-direction:column}.front-nav{gap:10px!important}}