*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--bg:#0b0f14;--bg2:#0d1219;--muted:#9fb0c3;--text:#e7f0fa;--accent:#f1c40f}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh;display:flex;flex-direction:column}
.wrap{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 60px)}
.left{display:grid;place-items:center;padding:40px}
.logo{max-width:520px;width:80%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.35))}
.right{display:flex;flex-direction:column;justify-content:center;padding:40px 40px 40px 20px}
h1{font-size:48px;line-height:1.05;margin:0 0 14px;font-weight:800}
h1 span{color:var(--accent)}
.lead{color:var(--muted);font-size:18px;margin:0 0 18px}
.form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.form input[type=email]{flex:1;min-width:240px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0e141b;color:var(--text);outline:none}
.form input[type=email]:focus{border-color:#5ac8fa}
.form button{padding:14px 18px;border-radius:12px;border:0;background:linear-gradient(135deg,#f8d24e,#ffd86b);color:#2b2300;font-weight:800;cursor:pointer}
.form button:hover{filter:brightness(1.03)}
.hint{width:100%;color:var(--muted);font-size:13px;margin-top:6px}
.footer{height:60px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.sr{position:absolute;left:-9999px}
@media (max-width:900px){.wrap{grid-template-columns:1fr}.left{padding:20px}.right{padding:20px}h1{font-size:36px}}