:root{--bg: #071018;--card: #10202b;--line: #1e3a4c;--text: #e8f4f8;--muted: #8fb0be;--accent: #3ee0c3;--accent-2: #4cc3ff}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,sans-serif}a{color:var(--accent-2);text-decoration:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8vw;border-bottom:1px solid var(--line)}.logo{font-weight:800;letter-spacing:.08em}.nav-links{display:flex;gap:20px;align-items:center}.btn{border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#042018}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.hero{padding:80px 8vw 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:48px;line-height:1.15;margin:0 0 16px}.hero p{color:var(--muted);font-size:18px}.panel{background:radial-gradient(circle at top,#163445,var(--card));border:1px solid var(--line);border-radius:24px;padding:28px;min-height:280px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 8vw 80px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.price{font-size:32px;color:var(--accent);margin:12px 0}.form{max-width:420px;margin:80px auto;background:var(--card);padding:28px;border-radius:18px;border:1px solid var(--line)}input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0b1820;color:var(--text);margin:8px 0 14px}.err{color:#ff8b8b}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}}