*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;color:#222;background:#f7f7f7}
.hero{
height:100vh;
background:linear-gradient(135deg,#0f172a,#334155);
display:flex;
align-items:center;
justify-content:center;
}
.overlay{padding:20px}
.card{
background:rgba(255,255,255,.95);
padding:60px;
border-radius:20px;
text-align:center;
max-width:800px;
box-shadow:0 20px 60px rgba(0,0,0,.2);
}
.tag{
letter-spacing:3px;
text-transform:uppercase;
font-size:.8rem;
margin-bottom:15px;
color:#64748b;
}
h1{
font-size:clamp(2.8rem,8vw,5rem);
font-weight:700;
}
h1 span{color:#475569}
.subtitle{
margin-top:20px;
font-size:1.1rem;
color:#555;
}
.content{padding:70px 20px}
.container{
max-width:900px;
margin:auto;
background:white;
padding:40px;
border-radius:16px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}