*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}
body{min-height:100vh;background:#111 url('../assets/bg.png') center/cover no-repeat fixed;color:#fff;display:flex;align-items:center;justify-content:center;position:relative}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1}
.container{z-index:2;text-align:center;padding:2rem;max-width:655px;width:100%}
.logo{max-width:400px;width:100%;height:auto;margin-bottom:2rem}
h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;line-height:1.2}
.subtitle{opacity:.8;margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.5}
.form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.form input{flex:1;min-width:200px;padding:.9rem;border-radius:6px;border:none;font-size:1rem}
.form button{padding:.9rem 1.3rem;border:none;border-radius:6px;background:#0093D9;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s}
.form button:hover{background:#0093D9}
.success{background:rgba(0,150,0,.2);padding:1rem;border-radius:6px;font-size:clamp(.9rem,2vw,1rem)}
footer{margin-top:2rem;font-size:.85rem;opacity:.7}
.social{display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}
.social a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .3s}
.social a:hover{opacity:.7;transform:scale(1.1)}
.social a svg{width:24px;height:24px}
.site{font-size:clamp(.8rem,2vw,.85rem)}
@media(max-width:1024px){
    .container{padding:1.5rem;max-width:90%}
    .logo{max-width:500px;margin-bottom:1.5rem}
}
@media(max-width:768px){
    body{background-attachment:scroll}
    .container{padding:1.5rem 1rem;max-width:95%}
    .logo{max-width:400px;margin-bottom:1.5rem}
    h1{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:.8rem}
    .subtitle{margin-bottom:1.5rem;font-size:clamp(.95rem,3vw,1.05rem)}
    .form{gap:.4rem}
    .form input{min-width:180px;padding:.8rem;font-size:.95rem}
    .form button{padding:.8rem 1.2rem;font-size:.95rem}
    footer{margin-top:1.5rem}
    .social{gap:.8rem}
    .social a svg{width:22px;height:22px}
}
@media(max-width:480px){
    .container{padding:1rem .75rem}
    .logo{max-width:280px;margin-bottom:1rem}
    h1{font-size:clamp(1.5rem,7vw,2rem);margin-bottom:.6rem}
    .subtitle{margin-bottom:1.25rem;font-size:clamp(.9rem,4vw,1rem)}
    .form{flex-direction:column;gap:.5rem;width:100%}
    .form input{width:100%;min-width:unset;padding:.85rem;font-size:.9rem}
    .form button{width:100%;padding:.85rem;font-size:.9rem}
    .success{padding:.85rem;font-size:.9rem}
    footer{margin-top:1.25rem;font-size:.8rem}
    .social{gap:.75rem;margin-bottom:.4rem}
    .social a svg{width:20px;height:20px}
    .site{font-size:.75rem}
}