:root{ --bg:#0b0d12; --fg:#f6f7fb; --muted:#b6bdc9; --accent:#36a2ff; --accent2:#00d4a8; --card:#141824; --shadow:rgba(0,0,0,.2); --maxw:1000px }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.header{position:sticky;top:0;background:linear-gradient(0deg,rgba(20,24,36,.8),rgba(20,24,36,.95));backdrop-filter:blur(8px);border-bottom:1px solid #1f2433}
.container{max-width:var(--maxw);margin:0 auto;padding:24px}
.flex{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{display:flex;gap:12px;align-items:center}
.badge{font-size:.8rem;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#081018;padding:10px 16px;border-radius:10px;font-weight:600;box-shadow:0 6px 18px var(--shadow)}
.btn.secondary{background:var(--accent2)}
.hero{padding:56px 0;background:radial-gradient(1200px 500px at 50% -20%,rgba(0,212,168,.12),transparent),radial-gradient(1200px 500px at -20% 0,rgba(54,162,255,.12),transparent)}
.hgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.card{background:var(--card);border:1px solid #1f2433;border-radius:16px;padding:18px;box-shadow:0 10px 30px var(--shadow)}
h1{font-size:2.1rem;margin:.2rem 0 1rem} h2{font-size:1.4rem;margin:1.2rem 0 .6rem}
ul{margin:.4rem 0 1rem 1.1rem} li{margin:.2rem 0}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.footer{border-top:1px solid #1f2433;color:var(--muted)} small{color:var(--muted)}
input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a3246;background:#0f1320;color:var(--fg)}
label{display:block;margin:.4rem 0 .2rem}
form .row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:900px){.hgrid{grid-template-columns:1fr}}
.notice{padding:10px 12px;border:1px dashed #2c3650;border-radius:12px;color:var(--muted);font-size:.95rem}
.success{background:#0f1b14;border:1px solid #163d2a;color:#b8f3d6;padding:12px;border-radius:12px}
.error{background:#1b0f10;border:1px solid #3d1620;color:#f3b8c2;padding:12px;border-radius:12px}