*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0f1115;color:#eef0f3;line-height:1.5}
.wrap{max-width:640px;margin:0 auto;padding:28px 20px}header{display:flex;align-items:center;gap:10px;font-weight:700}header img{width:28px}
h1{font-size:clamp(30px,8vw,46px);line-height:1.1;margin:40px 0 14px;letter-spacing:-.02em}h1 span{color:#e3bd5f}
.lead{color:#b7bcc6;font-size:18px;margin:0 0 28px}ul.b{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
ul.b li{background:#171a21;border:1px solid #242833;border-radius:14px;padding:14px 16px}ul.b b{display:block;color:#fff}ul.b small{color:#9aa1ad;font-size:15px}
form{display:flex;flex-direction:column;gap:10px}input[type=email]{font-size:17px;padding:15px 16px;border-radius:12px;border:1px solid #333a47;background:#0b0d11;color:#fff}
button{font-size:17px;font-weight:700;padding:15px;border:0;border-radius:12px;background:linear-gradient(180deg,#f0cd6e,#c9a24a);color:#231a05;cursor:pointer}
button:disabled{opacity:.6}.hp{position:absolute;left:-9999px}.note{color:#9aa1ad;font-size:14px;margin:8px 0 0}#msg{min-height:22px;font-size:15px;margin-top:6px}
footer{margin-top:48px;color:#7d8491;font-size:13px;border-top:1px solid #222630;padding-top:18px}a{color:#e3bd5f}
@media(min-width:560px){form{flex-direction:row}input[type=email]{flex:1}button{padding:15px 22px}}