:root{--bg:#0f1720;--glass:rgba(255,255,255,0.06);--accent:#6ee7b7;--muted:#9aa4b2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial;background:linear-gradient(180deg,#071026 0%, #0f1720 100%);color:#e6eef6}
.container{max-width:980px;margin:40px auto;padding:28px}
.header{display:flex;align-items:center;gap:16px}
.logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#60a5fa);display:flex;align-items:center;justify-content:center;font-weight:700;color:#062023}
.hero{margin-top:28px;padding:28px;border-radius:14px;background:linear-gradient(180deg,var(--glass),rgba(255,255,255,0.02));backdrop-filter:blur(6px);box-shadow:0 6px 30px rgba(2,6,23,0.6)}
.hero h1{margin:0 0 8px;font-size:28px}
.hero p{margin:0;color:var(--muted)}
.actions{margin-top:18px;display:flex;gap:12px}
.btn{padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--accent);cursor:pointer;text-decoration:none}
.btn.secondary{color:#cbd5e1;border-color:rgba(255,255,255,0.03)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.card{padding:16px;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.02)}
.footer{margin-top:28px;color:var(--muted);font-size:13px}
.form-card{max-width:480px;padding:18px;margin-top:18px;border-radius:12px;background:rgba(0,0,0,0.25);}
.input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;margin-bottom:8px}
.small{font-size:13px;color:var(--muted)}