
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'Inter',sans-serif;
background:#081827;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:30px;
overflow:hidden;
}
.bg1,.bg2{
position:fixed;border-radius:50%;filter:blur(120px);z-index:0
}
.bg1{width:500px;height:500px;background:#0b63ff55;right:-120px;top:-120px;}
.bg2{width:400px;height:400px;background:#ffffff12;left:-120px;bottom:-120px;}
.card{
position:relative;z-index:2;
max-width:900px;width:100%;
background:rgba(255,255,255,.05);
backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:55px;
text-align:center;
box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.logo{max-width:280px;width:75%;margin-bottom:35px}
h1{font-size:2.6rem;margin-bottom:20px}
.lead{max-width:650px;margin:0 auto;color:#d8dfeb;line-height:1.8;font-size:1.15rem}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:40px 0}
.chips span{
background:#12345d;
padding:12px 18px;
border-radius:999px;
}
.buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.btn{
text-decoration:none;color:#fff;border:2px solid rgba(255,255,255,.25);
padding:16px 28px;border-radius:999px;font-weight:700;
transition:.2s;
}
.primary{background:#0d6efd;border-color:#0d6efd}
.btn:hover{transform:translateY(-2px)}
.location{margin:40px 0 20px;line-height:1.9;color:#d8dfeb}
footer{color:#9fb0c7;font-size:.9rem}
@media(max-width:700px){
.card{padding:32px 22px}
h1{font-size:2rem}
.lead{font-size:1rem}
.logo{max-width:220px}
}
