:root{--bg:#070b14;--card:#0f1726;--ink:#eef3ff;--muted:#9fb0cc;--blue:#3d94ff;--btn:#1a73f0;--line:#22314d}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg:#f5f8fd;--card:#fff;--ink:#0b1f3a;--muted:#4a5a70;--blue:#0b63e0;--btn:#0b63e0;--line:#d6e0ef}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(1200px 700px at 30% 20%,rgba(26,115,240,.18),transparent 60%),var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}
main{width:100%;max-width:560px;text-align:center}
.logo{width:clamp(150px,34vw,220px);height:auto;filter:drop-shadow(0 16px 40px rgba(26,115,240,.45));animation:roll 1.1s cubic-bezier(.22,1.2,.36,1) both,float 5s ease-in-out 1.1s infinite}
@keyframes roll{0%{opacity:0;transform:translateX(-60px) rotate(-200deg) scale(.6)}100%{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-4deg)}}
h1{font:800 clamp(48px,11vw,76px)/1 "Barlow Condensed",sans-serif;margin:18px 0 6px;letter-spacing:.5px}
h1 span{color:var(--blue)}
.tag{display:inline-block;margin:6px 0 18px;padding:6px 14px;border:1px solid var(--blue);border-radius:999px;color:var(--blue);font:700 15px/1.2 "Barlow Condensed",sans-serif;letter-spacing:2px;text-transform:uppercase}
p{margin:0 auto 10px;max-width:46ch;color:var(--muted)}
p.lead{color:var(--ink);font-size:18px}
form{margin:24px auto 8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:460px}
input[type=email]{flex:1 1 240px;min-width:0;padding:14px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
input[type=email]:focus{outline:2px solid var(--blue);outline-offset:1px}
button{padding:14px 22px;border:0;border-radius:10px;background:var(--btn);color:#fff;font:600 16px Inter,sans-serif;cursor:pointer;transition:transform .15s}
button:hover{transform:translateY(-1px)}
.hp{position:absolute;left:-9999px}
small{display:block;color:var(--muted);font-size:13px;margin-top:8px}
.en{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
@media (prefers-reduced-motion:reduce){.logo{animation:none}}

.msg img{width:120px}.msg h1{font-size:40px}.msg a{color:var(--blue)}