:root{color-scheme:dark;--bg:#0b141e;--panel:#142331;--panel2:#192b3b;--line:#2b4051;--text:#ebf3fa;--muted:#94aab9;--blue:#63b4e8;--good:#70ddbd;--warn:#efc883}*{box-sizing:border-box}html{background:var(--bg);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}body{min-height:100vh;margin:0;color:var(--text);background:linear-gradient(150deg,#0c1520,#101c29 60%,#0a131d);position:relative;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1140px,calc(100% - 44px));margin:auto}.ambient{position:fixed;pointer-events:none;z-index:0;filter:blur(95px);opacity:.25;width:360px;height:360px;border-radius:50%}.ambient-a{top:160px;left:-150px;background:#1c6f9e}.ambient-b{top:100px;right:-170px;background:#224a84}.header,.content,.footer{position:relative;z-index:1}.header{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px solid #2b40515c}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.09em;font-size:18px}.brand-icon{height:38px;width:38px;border:1px solid #367ca8;border-radius:9px;color:#78c9f8;display:grid;place-items:center;font-size:25px;line-height:1;font-weight:900;background:#193a4c}.brand-muted{color:#8c9dad}.header nav{display:flex;gap:25px;font-size:13px;color:var(--muted)}.header nav a:hover,.text-action:hover{color:#bde5ff}.content{padding:60px 0 85px;min-height:calc(100vh - 180px)}.eyebrow,.card-kicker{font-size:11px;font-weight:750;letter-spacing:.15em;color:var(--blue)}.intro{max-width:720px;margin-bottom:34px}.intro h1{font-size:clamp(36px,5vw,62px);line-height:1.1;letter-spacing:-.05em;margin:16px 0}.intro h1 em{font-style:normal;color:var(--blue)}.intro p{color:var(--muted);line-height:1.75;font-size:15px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.9fr);gap:22px;align-items:stretch}.card,.aside{background:linear-gradient(145deg,#172837,#101d29);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 36px #0003}.card h2{font-size:28px;letter-spacing:-.035em;margin:18px 0 8px}.card h3{font-size:23px;letter-spacing:-.03em;margin:13px 0 8px}.muted{color:var(--muted);line-height:1.65}.small{font-size:12px}.tabs{display:flex;background:#101c27;border:1px solid #2c4050;border-radius:10px;padding:4px;gap:4px}.tabs button{border:0;border-radius:7px;padding:12px 13px;background:transparent;color:var(--muted);flex:1;font-size:13px;font-weight:700}.tabs button.selected{background:#26495e;color:#d7f3ff}form{display:grid;gap:19px;margin-top:25px}label{display:grid;gap:9px;font-size:13px;color:#cedbe6;font-weight:600}input{width:100%;background:#0c1823;color:#eaf4fb;border:1px solid #344f62;border-radius:8px;padding:14px 13px;outline:none}input:focus{border-color:#77c5ef;box-shadow:0 0 0 3px #4cb4ed23}button:focus-visible,a:focus-visible{outline:2px solid #90d7ff;outline-offset:3px}.btn-primary,.btn-secondary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;font-weight:750;font-size:13px}.btn-primary{border:1px solid #8bcaf0;background:#75b8e2;color:#071725}.btn-primary:hover{background:#a3d8f5}.btn-secondary{border:1px solid #52758a;background:#1e3443;color:#cde8fb}.btn-secondary:hover{background:#294a5e}button:disabled{opacity:.6;cursor:wait}.text-action{border:0;background:transparent;color:#88c7ef;padding:0;font-weight:650;font-size:13px;margin:20px 0}.aside{padding:39px;background:linear-gradient(145deg,#173247,#111d2b)}.aside-chip{display:inline-block;border:1px solid #335b73;border-radius:100px;padding:8px 12px;font-size:11px;color:#9fcbe9;font-weight:700;letter-spacing:.1em}.aside h3{font-size:30px;margin:25px 0 10px;letter-spacing:-.045em}.aside p{color:var(--muted);font-size:14px;line-height:1.8}.steps{display:grid;gap:0;margin-top:35px}.steps div{display:flex;gap:16px;align-items:center;border-top:1px solid #3a55634f;padding:17px 0}.steps b{font-size:11px;color:var(--blue);letter-spacing:.12em}.steps span{font-size:13px;color:#d2e5f2}.notice{padding:15px 18px;margin:0 0 22px;border-radius:9px;background:#193746;border:1px solid #3a6884;color:#c9ebff;font-size:14px}.notice.error{background:#3a2229;border-color:#8d4f61;color:#ffd3db}.summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.summary h2{word-break:break-word;margin:12px 0 4px}.summary .muted{margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.state{font-weight:700;font-size:16px;color:var(--good);margin:16px 0 0}.state.warning{color:var(--warn)}.cards .muted{font-size:13px;min-height:68px}.discord-button{margin-top:10px}.below{margin-top:20px}.future{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #324b5e;margin-top:20px;padding-top:20px;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.1em}.future span{color:var(--muted)}.narrow{max-width:520px}.footer{border-top:1px solid #354b5c73;color:#708a9b;display:flex;justify-content:space-between;gap:20px;padding:23px 0 35px;font-size:11px;letter-spacing:.03em}[hidden]{display:none!important}@media(max-width:750px){.auth-layout,.cards{grid-template-columns:1fr}.header{min-height:76px}.header nav{gap:13px}.header nav a{font-size:11px}.brand{font-size:14px}.brand-icon{height:32px;width:32px;font-size:20px}.content{padding-top:40px}.card,.aside{padding:22px}.intro h1{font-size:38px}.footer{flex-direction:column}.summary{align-items:flex-start;flex-direction:column}.future{flex-direction:column}.cards .muted{min-height:0}}

.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.plan-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0e1c28;display:grid;gap:12px}.plan-card strong{font-size:27px}.plan-card span{color:var(--muted);font-size:13px}.plan-card button{width:100%}.order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-row,.license-row{padding:18px 0;border-top:1px solid var(--line);display:grid;gap:9px}.order-row p,.license-row p{margin:0}.license-key{overflow-wrap:anywhere;color:#c8eaff;font:14px Consolas,monospace}.order-actions{display:flex;gap:12px;flex-wrap:wrap}.order-ref{overflow-wrap:anywhere;color:var(--muted);font-size:11px}button:disabled{cursor:not-allowed}@media(max-width:800px){.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:450px){.plan-grid{grid-template-columns:1fr}.order-heading{align-items:flex-start;flex-direction:column}}