:root{--bg:#04040c;--p:#0b0b18;--g:#c9a84c;--b:#4f6ef7;--t:#f4f6ff;--m:#9aa0ba;--l:rgba(255,255,255,.1);--ok:#34d399}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:radial-gradient(circle at top,#111735,#04040c 50%);color:var(--t);line-height:1.6}
.wrap{max-width:1200px;margin:auto;padding:0 22px}
nav{background:rgba(4,4,12,.92);border-bottom:1px solid var(--l)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900}.logo span,h1 span{color:var(--g)}small,p{color:var(--m)}
button{border:0;background:linear-gradient(135deg,#f1d982,var(--g));color:#04040c;padding:12px 18px;border-radius:6px;font-weight:900;cursor:pointer}
.hero{min-height:calc(100vh - 72px);display:grid;align-items:center;padding:70px 0}
.grid{display:grid;gap:22px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
.eyebrow{display:inline-block;border:1px solid rgba(79,110,247,.35);color:#9fb0ff;padding:7px 14px;border-radius:99px;font-size:12px;text-transform:uppercase}
h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,82px);line-height:1;margin:20px 0}
h2{font-family:Georgia,serif;font-size:42px;margin-bottom:22px}h3{font-family:Georgia,serif;font-size:24px}
.card,.terminal{background:rgba(255,255,255,.045);border:1px solid var(--l);border-radius:16px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.terminal{font-family:monospace}.ok{color:var(--ok)}.warn{color:var(--g)}
section{padding:75px 0;border-top:1px solid rgba(255,255,255,.05)}
footer{padding:35px;text-align:center;color:var(--m);border-top:1px solid var(--l)}
#app{display:none;min-height:calc(100vh - 72px);grid-template-columns:260px 1fr}
#app.on{display:grid}aside{background:#070713;border-right:1px solid var(--l);padding:22px}aside button{display:block;width:100%;margin:8px 0;text-align:left}
main{padding:28px}.module{display:none}.module.active{display:block}
input,textarea{width:100%;background:#060611;color:#fff;border:1px solid var(--l);border-radius:8px;padding:12px;margin:7px 0}
@media(max-width:900px){.two,.three,.four,#app.on{grid-template-columns:1fr}}