:root{--bg:#080b12;--surface:#101620;--surface2:#151d29;--line:#273142;--text:#f5f7fb;--muted:#98a4b5;--p:#6e61ee;--p2:#9389ff;--ok:#43d483;--bad:#ff657c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#211d4d55,transparent 35%),var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif;min-height:100vh}a{text-decoration:none;color:inherit}nav{height:76px;width:min(1200px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:20px;display:flex;gap:10px;align-items:center}.brand b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--p2))}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.narrow{max-width:760px}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{color:#aaa2ff;font-size:11px;font-weight:800;letter-spacing:1.8px}.hero h1{font-size:clamp(45px,6vw,72px);line-height:1;letter-spacing:-3px;margin:15px 0 25px}.hero h1 span{color:var(--p2)}p{color:var(--muted);line-height:1.65}.hero p{font-size:18px;max-width:650px}.actions{display:flex;gap:10px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--p);background:var(--p);color:white;padding:11px 17px;border-radius:11px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.ghost{background:var(--surface2);border-color:var(--line)}.btn.big{padding:14px 20px}.full{width:100%}.card{background:#101620dd;border:1px solid var(--line);border-radius:18px}.preview{padding:18px;box-shadow:0 25px 70px #0008}.dots{color:#4c5868;font-size:10px;margin-bottom:18px}.file{display:flex;align-items:center;gap:13px;padding:16px;background:#0b1018;border:1px solid var(--line);border-radius:13px}.file i{font-style:normal;background:#24204f;color:#aaa2ff;padding:12px;border-radius:10px}.file small{display:block;color:var(--muted);margin-top:4px}.file em{margin-left:auto;width:8px;height:8px;background:var(--ok);border-radius:50%}.code{margin-top:14px;padding:20px;border:1px dashed #3a4658;border-radius:13px}.code small,.result>small{color:#7e8a9d;font-size:10px;letter-spacing:1.5px}.code strong{display:block;font-size:25px;letter-spacing:2px;margin:8px 0}.code button{background:none;border:0;color:var(--p2);font-weight:700;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:70px}.features article{padding:24px}.features article>b{color:var(--p2)}footer{border-top:1px solid var(--line);padding:25px 0;color:#687487;font-size:12px}.auth{display:grid;place-items:center;padding:25px}.authbox{width:min(440px,100%);padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.authbox h1{font-size:32px;margin:35px 0 5px}.authbox form{display:grid;gap:15px;margin:25px 0}.authbox label,form label{display:grid;gap:7px;font-weight:700;font-size:13px}input,select{background:#0b1018;color:var(--text);border:1px solid #2a3545;border-radius:10px;padding:13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--p)}#message{min-height:20px;color:var(--bad);font-size:13px}.dash{padding:45px 0 70px}.dash header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.dash h1,.narrow>h1{font-size:40px;letter-spacing:-1.5px;margin:8px 0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.tile{padding:22px;transition:.15s}.tile:hover{transform:translateY(-2px);border-color:#3d485a}.tile>b{display:grid;place-items:center;width:45px;height:45px;background:#282450;color:var(--p2);border-radius:12px}.tile small{color:var(--muted)}.panel{padding:24px;margin-top:25px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0}.panel>div>p{margin-top:5px}.drop{min-height:190px;border:1px dashed #3c4859;border-radius:15px;display:grid!important;place-items:center;text-align:center;padding:30px;cursor:pointer}.drop>b{font-size:28px;color:var(--p2)}.drop small{color:var(--muted)}form{display:grid;gap:16px}.result{padding:20px;margin-top:20px}.result h2{font-size:27px;letter-spacing:2px}.hidden{display:none}.center{text-align:center;padding-top:100px}.codeform{display:flex;max-width:620px;margin:28px auto}.codeform input{flex:1;text-align:center;font-size:20px;letter-spacing:2px}.avatar{width:70px;height:70px;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:18px;font-size:27px;font-weight:900}.row{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.row b{color:var(--ok)}hr{border:0;border-top:1px solid var(--line)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:60px 0;gap:35px}.features,.tiles{grid-template-columns:1fr}.dash header{align-items:start;flex-direction:column}.actions,.codeform{flex-direction:column}.hero .btn{width:100%}}@media(max-width:500px){nav{height:66px}.nav .btn.ghost{display:none}.hero h1{letter-spacing:-2px}.authbox{padding:24px}.center{padding-top:75px}}