:root{--bg:#0b0f17;--card:#121826;--ink:#d6e2ff;--muted:#8aa0c5;--accent:#3b82f6;--accent-2:#8b5cf6;}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1000px 700px at 70% -10%,#182235,#0b0f17 60%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;min-height:100%}
a{color:var(--ink);text-decoration:none}.header{display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid #1f2a44;background:linear-gradient(0deg,rgba(24,34,53,.6),rgba(24,34,53,.6))}
.logo{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 210deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6)}.title{font-weight:800;letter-spacing:.4px}.quote{opacity:.8}
.wrap{max-width:980px;margin:28px auto;padding:0 18px}.card{background:linear-gradient(180deg,rgba(21,27,43,.8),rgba(13,18,30,.9));border:1px solid #1f2a44;border-radius:14px;padding:18px;box-shadow:0 10px 40px rgba(2,8,23,.5)}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-weight:700}.row{display:flex;gap:16px;flex-wrap:wrap}
.k{color:#94a3b8}.h{margin:6px 0 14px 0}footer{opacity:.7;text-align:center;margin:30px 0 60px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width:720px){.grid{grid-template-columns:1fr}}
input{background:#0f1525;border:1px solid #263353;color:#d6e2ff;border-radius:10px;padding:10px 12px;width:100%}label{font-size:.9rem;color:#aab8d8}