@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');

:root { color-scheme: dark; --bg:#0a0d0c; --panel:#111614; --line:#26302c; --text:#f2f5f3; --muted:#85918c; --acid:#b5f23c; --cyan:#72e0c4; --danger:#ff796f; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--bg); }
body { margin:0; min-height:100vh; color:var(--text); font-family:Inter,system-ui,sans-serif; background:radial-gradient(circle at 18% 18%,rgba(114,224,196,.08),transparent 32%),radial-gradient(circle at 85% 65%,rgba(181,242,60,.05),transparent 28%),var(--bg); }
button,input { font:inherit; }
button { cursor:pointer; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.nav { height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; font-size:17px; font-weight:700; letter-spacing:.16em; }
.brand-mark { width:28px; height:28px; display:flex; align-items:flex-end; gap:3px; padding:5px; border:1px solid #46534e; border-radius:7px; }
.brand-mark i { display:block; width:4px; background:var(--acid); border-radius:1px; }.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}
.nav-status { font:12px 'DM Mono',monospace; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 12px var(--acid); }
.hero { min-height:calc(100vh - 150px); display:grid; grid-template-columns:1.1fr .9fr; gap:9vw; align-items:center; padding-block:70px; }
.eyebrow,.panel-label { margin:0 0 18px; font:500 11px 'DM Mono',monospace; color:var(--cyan); letter-spacing:.18em; }
.hero-copy h1,.dash-top h1 { margin:0; font-size:clamp(48px,6.2vw,84px); line-height:.98; letter-spacing:-.055em; }.hero-copy h1 span{color:var(--acid)}
.lede { max-width:520px; margin:30px 0 42px; color:#aab3af; line-height:1.8; font-size:17px; }
.feature-row { display:flex; gap:34px; }.feature-row div{display:flex;flex-direction:column;gap:5px}.feature-row strong{font:500 18px 'DM Mono',monospace}.feature-row span{font-size:12px;color:var(--muted)}
.auth-card,.panel { background:linear-gradient(145deg,rgba(19,25,23,.96),rgba(13,17,16,.96)); border:1px solid var(--line); border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.3); }
.auth-card { overflow:hidden; }.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tab{padding:19px;border:0;background:transparent;color:var(--muted);font-weight:600}.tab.active{color:var(--text);box-shadow:inset 0 -2px var(--acid)}
.form { display:none; padding:34px; }.form.active{display:block}.form-heading{margin-bottom:26px}.form-heading h2{margin:0 0 8px;font-size:25px}.form-heading p{margin:0;color:var(--muted);font-size:14px}
label { display:grid; gap:9px; margin-bottom:17px; color:#bac3bf; font-size:12px; font-weight:600; letter-spacing:.03em; }
input { width:100%; border:1px solid #2d3833; background:#0a0f0d; color:var(--text); border-radius:9px; outline:none; padding:13px 14px; transition:.2s; }input:focus{border-color:#6d8d7e;box-shadow:0 0 0 3px rgba(114,224,196,.08)}input::placeholder{color:#4f5b56}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;border:0;border-radius:9px;padding:14px 16px;background:var(--acid);color:#10140d;font-weight:700;display:flex;justify-content:space-between;align-items:center}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.45;cursor:wait}
.turnstile{min-height:65px;margin:3px 0 17px}.message{min-height:20px;margin:0 34px 24px;color:var(--danger);font-size:13px}.message.success{color:var(--acid)}
.hidden{display:none!important}.dashboard{padding:70px 0 90px}.dash-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.dash-top h1{font-size:54px}.ghost{border:1px solid var(--line);background:#101513;color:#c8d0cc;border-radius:9px;padding:11px 17px}.ghost:hover{border-color:#56645e}
.account-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.panel{padding:30px}.avatar{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--acid);color:#111;font-size:22px;font-weight:700;margin:28px 0 18px}.user-panel h2{margin:0 0 5px}.user-panel>p:not(.panel-label){margin:0;color:var(--muted)}.active-pill{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:7px 10px;border:1px solid #31412f;border-radius:20px;color:#b8d9aa;font-size:12px}.active-pill i{width:6px;height:6px;border-radius:50%;background:var(--acid)}
.quota-head{display:flex;justify-content:space-between}.quota-head h2{margin:0}.quota-head>span{font:22px 'DM Mono',monospace;color:var(--acid)}.meter{height:8px;background:#202824;border-radius:10px;overflow:hidden;margin:38px 0 14px}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--acid));border-radius:inherit;transition:width .5s}.quota-values{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.quota-values strong{color:var(--text)}.muted{color:var(--muted);font-size:12px;margin:28px 0 0}
.section-title{display:flex;align-items:end;justify-content:space-between;margin:64px 0 22px}.section-title h2{margin:0;font-size:30px}.section-title>p{color:var(--muted);font-size:13px;margin:0}.subscription-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sub-card{border:1px solid var(--line);background:#0e1311;border-radius:13px;padding:20px;display:flex;align-items:center;gap:15px;transition:.2s}.sub-card:hover{transform:translateY(-2px);border-color:#4b5c54}.client-icon{width:38px;height:38px;border:1px solid #34413c;border-radius:10px;display:grid;place-items:center;font:500 13px 'DM Mono',monospace;color:var(--acid)}.sub-card div:nth-child(2){flex:1}.sub-card h3{margin:0 0 4px;font-size:14px}.sub-card p{margin:0;color:var(--muted);font-size:11px}.copy{border:0;background:transparent;color:#829089;padding:7px}.copy:hover{color:var(--acid)}
footer{height:64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#59635f;font:11px 'DM Mono',monospace}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:55px;padding-block:50px}.hero-copy{text-align:center}.lede{margin-inline:auto}.feature-row{justify-content:center}.account-grid{grid-template-columns:1fr}.subscription-grid{grid-template-columns:1fr 1fr}.section-title{align-items:flex-start;gap:15px;flex-direction:column}}
@media(max-width:560px){.shell{width:min(100% - 24px,1160px)}.nav-status{display:none}.hero-copy h1{font-size:48px}.feature-row{gap:18px}.form{padding:25px}.two-col{grid-template-columns:1fr}.account-grid,.subscription-grid{grid-template-columns:1fr}.dash-top h1{font-size:43px}.section-title>p{line-height:1.5}footer span:last-child{display:none}}