:root{--bg:#050814;--bg2:#0b1020;--card:rgba(15,23,42,.82);--card2:rgba(30,41,59,.70);--text:#eef6ff;--muted:#8fa3bd;--line:rgba(148,163,184,.18);--pri:#8b5cf6;--sec:#06b6d4;--ok:#10b981;--err:#fb7185;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#172554 0,#050814 36%,#020617 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 92%);z-index:-2}.glow{position:fixed;border-radius:999px;filter:blur(80px);opacity:.35;z-index:-1}.glow.a{width:360px;height:360px;background:var(--pri);left:-120px;top:100px}.glow.b{width:420px;height:420px;background:var(--sec);right:-150px;top:220px}.wrap{max-width:1180px;margin:0 auto;padding:26px 18px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--text)}.brand-mark{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pri),var(--sec));font-weight:950;box-shadow:0 20px 60px rgba(6,182,212,.20)}.brand strong{font-size:20px}.brand small{display:block;color:var(--muted);margin-top:2px}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.btn,button{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;color:var(--text);text-decoration:none;padding:11px 15px;font-weight:900;cursor:pointer}nav a:hover,.btn:hover,button:hover{background:rgba(255,255,255,.10);transform:translateY(-1px)}.btn-primary,button.btn-primary,button[type=submit]{border:0;background:linear-gradient(135deg,var(--pri),var(--sec));color:white;box-shadow:0 16px 46px rgba(6,182,212,.18)}.btn-wide{width:100%;border-radius:18px;font-size:18px;padding:16px}.card{background:linear-gradient(180deg,var(--card),rgba(7,12,26,.86));border:1px solid var(--line);border-radius:28px;padding:28px;margin-bottom:22px;box-shadow:0 26px 80px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.narrow{max-width:760px;margin:0 auto 22px}.center{text-align:center}.hero{display:grid;grid-template-columns:1fr 290px;gap:28px;align-items:center}.hero h1,.card h1{font-size:clamp(34px,5vw,62px);line-height:.98;margin:12px 0}.card h2{font-size:30px;margin:8px 0 14px}.lead,.hero p{font-size:18px;color:#cbd5e1;line-height:1.6}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.16);color:#ddd6fe;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pillrow span{border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#dbeafe;background:rgba(255,255,255,.04);font-weight:800}.pricecard{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(6,182,212,.13));border:1px solid rgba(255,255,255,.12)}.pricecard strong{display:block;font-size:42px;margin:8px 0}.form{display:grid;gap:17px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}label{display:grid;gap:8px;font-weight:850;color:#dbeafe}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:rgba(2,6,23,.70);color:var(--text);font-size:15px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(6,182,212,.8);box-shadow:0 0 0 4px rgba(6,182,212,.12)}textarea{resize:vertical}small,.muted{color:var(--muted)}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:850}.error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.35);color:#fecdd3}.success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#bbf7d0}.notice{background:rgba(6,182,212,.10);border:1px solid rgba(6,182,212,.22);padding:14px 16px;border-radius:16px;color:#cffafe}.summary-lines{display:grid;gap:10px;margin:20px 0}.summary-lines div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:10px;color:var(--muted)}.summary-lines strong{color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:13px;vertical-align:top}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.progress{height:16px;border-radius:999px;background:rgba(148,163,184,.16);border:1px solid rgba(255,255,255,.08);overflow:hidden;margin:18px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pri),var(--sec));transition:width .3s}.spinner{width:64px;height:64px;border-radius:50%;border:5px solid rgba(148,163,184,.22);border-top-color:#67e8f9;animation:spin 1s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.palette div{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.04)}.palette span{display:block;height:45px;border-radius:12px;margin-bottom:8px}.palette code{display:block;color:var(--muted)}.mockup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mockup-grid a{display:grid;gap:8px;color:var(--text);text-decoration:none}.mockup-grid img{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 44px rgba(0,0,0,.25)}hr{border:0;border-top:1px solid var(--line);margin:14px 0}.footer{text-align:center;color:var(--muted);padding:24px 0}@media(max-width:820px){.top,.hero{display:flex;flex-direction:column;align-items:flex-start}.grid,.preview-grid,.mockup-grid,.palette{grid-template-columns:1fr}.card{padding:21px;border-radius:22px}.wrap{padding:16px}nav a{font-size:14px;padding:9px 11px}}