*{box-sizing:border-box}
body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#111 url("images/background.jpg") center/cover no-repeat fixed;
color:#fff;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
}
.container{
width:min(92%,700px);
background:rgba(0,0,0,.72);
padding:40px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.45);
text-align:center;
}
.logo{max-width:220px;width:70%;margin:0 auto 20px;display:block}
h1{
font-size:2.3rem;
letter-spacing:.08em;
margin:0 0 20px;
}
p{
line-height:1.7;
color:#ddd;
margin-bottom:24px;
}
form{text-align:left}
label{display:block;margin:16px 0 8px;font-weight:bold}
input[type=text],input[type=email]{
width:100%;
padding:14px;
border-radius:8px;
border:1px solid #555;
background:#1f1f1f;
color:#fff;
font-size:1rem;
}
.check{
display:flex;
gap:10px;
align-items:flex-start;
font-weight:normal;
font-size:.92rem;
line-height:1.5;
margin:20px 0;
}
button{
width:100%;
padding:16px;
border:none;
border-radius:8px;
background:#c4161c;
color:#fff;
font-size:1.05rem;
font-weight:bold;
cursor:pointer;
transition:.2s;
}
button:hover{background:#e11f26;transform:translateY(-1px)}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:underline}
@media (max-width:700px){
.container{padding:24px}
h1{font-size:1.8rem}
}