:root{--bg:#2b2f36;--fg:#e6fffb;--ink:#cfe9e6;--teal:#14b8a6;--teal-2:#20e0cc;--blue:#2563eb;--card:#1f242b;--line:#3a424b;--muted:#8aa3a0}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-2);text-decoration:underline}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#151a20;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--teal-2);font-weight:700}.brand-logo{height:28px}
.nav a{color:var(--ink);margin-left:14px}.nav a.active{color:var(--teal-2);text-decoration:underline}
.hero{background:#232932;color:var(--fg);padding:72px 20px;border-bottom:1px solid var(--line);text-align:center}
.container{max-width:1000px;margin:0 auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(0,0,0,.25)}
h1,h2{color:var(--fg);margin:0 0 8px}.price{font-size:1.25rem;color:#fff}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid var(--teal);color:var(--fg);background:transparent;cursor:pointer}
.btn:hover{background:rgba(32,224,204,.08)}
.btn-filled{background:var(--teal);border-color:var(--teal);color:#081414}.btn-filled:hover{background:var(--teal-2);border-color:var(--teal-2)}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#1a1f26;color:var(--fg);margin:8px 0}
input::placeholder,textarea::placeholder{color:#7aa59f}.steps{padding-left:18px}
.site-footer{text-align:center;padding:36px 20px;color:var(--muted);border-top:1px solid var(--line);background:#1a1f26}
@media (max-width:720px){.nav{display:flex;flex-wrap:wrap;gap:10px}}