*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}
body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:20px}
.container{max-width:760px;text-align:center;background:rgba(255,255,255,.08);padding:50px 30px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.logo{font-size:28px;font-weight:700}
.hero{width:260px;max-width:100%;margin:25px auto}
h1{font-size:42px;margin:10px 0}
h2{color:#fbbf24;font-weight:500;margin-bottom:20px}
p{font-size:18px;line-height:1.7;color:#dbeafe}
.footer{margin-top:30px;color:#cbd5e1;font-size:14px}
@media(max-width:600px){h1{font-size:32px}h2{font-size:18px}p{font-size:16px}}