:root{color-scheme:dark;--bg:#0c0c13;--panel:#15151f;--panel-soft:#1b1a28;--text:#f3f0fc;--muted:#aaa5ba;--purple:#bc9cff;--accent:#9670ee;--line:#2d293c;--green:#8de0b9;--red:#ffa5ae;font-family:Inter,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 22% 18%,#231a382e,transparent 55%),var(--bg);color:var(--text);line-height:1.6}[hidden]{display:none!important}
a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:11px 19px;border:1px solid transparent;border-radius:10px;background:var(--purple);color:#211530;cursor:pointer;font-size:14px;font-weight:650;transition:background .15s,transform .15s}button:hover{background:#cdb5ff}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.secondary,.google-button{background:var(--panel-soft);color:var(--text);border-color:var(--line)}.secondary:hover,.google-button:hover{background:#272336}.quiet{background:transparent;color:var(--muted);padding:9px 8px}.quiet:hover{background:#ffffff08;color:var(--purple)}.danger{background:#3b1f29;color:var(--red);border-color:#6b3644}.full{width:100%}
.site-header,main,footer{max-width:1260px;margin:auto;padding-left:40px;padding-right:40px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff08}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.5px;font-size:21px}.brand-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c0a4ff,#8160c4);border:1px solid #e6d9ff66;border-radius:12px;color:#211333;width:41px;height:41px;font-size:30px;line-height:1}.brand-icon span{position:absolute;right:6px;top:4px;font-size:11px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px;color:var(--muted)}.tag{border:1px solid var(--line);border-radius:30px;padding:6px 12px;color:var(--muted);font-size:11px;white-space:nowrap;letter-spacing:.3px}
main{padding-top:18px}.message{font-size:13px;min-height:42px;margin-bottom:14px;padding:10px 15px;border:1px solid #42344f;background:#241c302e;color:#d7c8ee;border-radius:10px}.message.error{color:var(--red);border-color:#68414b;background:#3a1d262e}.landing{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:70px;align-items:start;padding:20px 0 50px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--purple);display:inline-flex;align-items:center;gap:8px}.pulse{width:6px;height:6px;background:var(--purple);border-radius:50%;box-shadow:0 0 14px #bc9cff66}.hero h1{font-size:clamp(38px,4.4vw,61px);line-height:1.08;letter-spacing:-2.6px;margin:22px 0}.hero h1 span{color:var(--purple)}.hero-copy{font-size:16px;color:var(--muted);max-width:500px;line-height:1.85}.feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}.feature-chips span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:6px 12px;color:#cbc3db;background:#14121b}
.workspace-preview{background:linear-gradient(160deg,#201a2c,#13131c);border:1px solid #9b7cd35e;border-radius:16px;box-shadow:0 20px 70px #0005;overflow:hidden;max-width:510px}.preview-head,.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;background:#ffffff03;color:var(--muted);font-size:10px}.preview-head{border-bottom:1px solid var(--line)}.window-dots{color:#746080;letter-spacing:3px;font-size:8px}.live{color:var(--green);letter-spacing:1px;font-size:9px}.preview-question,.preview-answer{padding:19px 23px}.preview-question p{font-size:16px;line-height:1.6;margin:9px 0 0;color:#e4dfef}.preview-answer{padding-top:2px}.preview-answer .eyebrow{color:var(--muted);margin-bottom:10px;font-size:9px}.answer-line{font-size:12px;padding:6px 0;display:flex;align-items:center;gap:8px}.answer-line:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent)}.cursor{display:inline-block;width:5px;height:14px;background:var(--purple);margin-left:2px}.preview-footer{border-top:1px solid var(--line)}.small-note{color:#81788f;font-size:10px;max-width:500px;margin-top:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:28px}.auth-card{padding:32px;margin-top:2px;box-shadow:0 16px 70px #0003}h2{font-size:25px;letter-spacing:-.8px;margin:8px 0 14px;line-height:1.2}h3{font-size:17px;letter-spacing:-.3px}p.muted{font-size:13px}.muted{color:var(--muted)}.auth-card>p{margin:10px 0 22px;font-size:13px}.auth-tabs{display:flex;background:#0e0e17;border:1px solid var(--line);padding:4px;border-radius:10px;margin:22px 0}.auth-tabs button{flex:1;background:transparent;color:var(--muted);font-size:12px;padding:8px}.auth-tabs .selected{background:#272037;color:#e5d8ff;border-color:#4b3b64}.google-button{width:100%;font-size:13px}.google-mark{font-size:17px;font-weight:800;background:#fff;color:#4285f4;border-radius:50%;width:22px;height:22px;line-height:22px;text-align:center}.divider{display:flex;align-items:center;gap:14px;color:#7e758f;font-size:10px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}
label{display:block;font-size:11px;font-weight:600;color:#c8bfd8;margin:15px 0}input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #332c44;background:#101018;color:var(--text);border-radius:9px;font-size:13px;min-width:0;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9670ee17}input::placeholder{color:#70677f}.hint{font-size:11px;line-height:1.75;color:var(--muted)}.captcha{min-height:65px;max-width:100%;margin-top:17px}.auth-footer{border-top:1px solid var(--line);padding-top:18px!important;margin:20px 0 0!important;color:#81788f;font-size:10px!important;line-height:1.8}
.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 30px}.dashboard-head h1{font-size:36px;letter-spacing:-1.4px;margin:5px 0}.dashboard-head p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:7px}.stat span{font-size:11px;color:var(--muted)}.stat strong{font-size:21px;letter-spacing:-.4px}.stat strong.active{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:20px 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head h2{margin-bottom:14px}.symbol{font-size:27px;color:var(--purple);border:1px solid #9b7cd349;padding:4px 13px;border-radius:13px}#activation-key{font-family:Consolas,monospace;font-size:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.list{margin:16px 0}.list-item{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0;flex-wrap:wrap}.name{font-size:13px;font-weight:600;word-break:break-word}.meta{font-size:10px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.list-item button{font-size:11px;padding:8px 12px}.plans-section{margin:42px 0}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.plan-card{padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.plan-card.featured{border-color:#9d7bd0;background:linear-gradient(155deg,#251d33,#17141f)}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-price{font-size:38px;letter-spacing:-1.5px;font-weight:700;margin:14px 0 3px}.plan-price span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:7px}.plan-details{list-style:none;padding:0;margin:20px 0;color:#ccc2db;font-size:12px}.plan-details li{padding:5px 0}.plan-details li:before{content:"✓";color:var(--purple);margin-right:10px}.plan-card button{width:100%}.plan-description{font-size:12px;color:var(--muted)}.approval{display:grid;grid-template-columns:1fr 320px;gap:25px;border-color:#9578bb;margin-bottom:24px}#desktop-code{text-transform:uppercase;letter-spacing:4px;font-family:Consolas,monospace}.approval form button{width:100%}
.workflow{border-top:1px solid var(--line);padding:38px 0 50px;margin-top:35px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:20px}.workflow-grid article{border-left:1px solid var(--line);padding-left:20px}.step{font-family:Consolas,monospace;font-size:11px;color:var(--purple)}.workflow-grid h3{margin:12px 0 6px}.workflow-grid p{font-size:12px;color:var(--muted);max-width:270px}.admin-controls{display:flex;gap:15px;flex-wrap:wrap}.admin-controls label{flex:1;min-width:145px}.admin-controls .grow{flex:2}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#0e0e15;padding:20px;border-radius:10px;max-height:400px;overflow:auto}.wide{margin:20px 0 40px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:30px}footer>div{display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:16px}footer span,footer p{font-size:10px;color:#81788f}footer p{margin:15px 0 0;max-width:670px}
@media(max-width:1020px){.landing{gap:35px;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.auth-card{padding:25px}.hero h1{font-size:45px}.site-header,main,footer{padding-left:25px;padding-right:25px}.dashboard-grid{grid-template-columns:1fr 1fr}.card{padding:23px}}
@media(max-width:760px){.site-header{height:76px}.site-header nav>a{display:none}.site-header .tag{font-size:9px;padding:4px 8px}.brand{font-size:17px;gap:8px}.landing{grid-template-columns:1fr;padding-top:10px;gap:25px}.hero h1{font-size:43px}.workspace-preview{max-width:none}.hero-copy{max-width:none}.auth-card{max-width:none}.dashboard-grid,.plan-grid,.approval{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:16px}.stat span{font-size:10px}.dashboard-head h1{font-size:29px}.workflow-grid{grid-template-columns:1fr;gap:20px}.workflow-grid p{max-width:none}.card-head{flex-wrap:wrap}.captcha{overflow:auto}.site-header,main,footer{padding-left:18px;padding-right:18px}footer>div{align-items:start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}