*{margin:0;padding:0;box-sizing:border-box}
body{
background:#02040a;
color:#fff;
font-family:'Montserrat',sans-serif;
}
.page{
max-width:430px;
margin:auto;
background:linear-gradient(180deg,#07101d,#010204);
min-height:100vh;
}
.hero{position:relative}
.hero-image{width:100%;display:block}
.topbar{
position:absolute;top:24px;left:0;right:0;
display:flex;justify-content:space-between;align-items:center;
padding:0 22px;
}
.logo-small{
font-size:3rem;font-weight:800;letter-spacing:.4rem;
}
.menu{
width:56px;height:56px;border-radius:50%;
border:1px solid rgba(255,255,255,.15);
display:flex;align-items:center;justify-content:center;
backdrop-filter:blur(10px);font-size:24px;
}
.content{padding:20px}
.location{
display:inline-block;
border:1px solid rgba(255,255,255,.15);
padding:14px 18px;border-radius:14px;
background:rgba(255,255,255,.03);
margin-top:-10px;
}
h1{
text-align:center;
font-size:6rem;
font-weight:800;
letter-spacing:.7rem;
margin-top:40px;
}
h2{
text-align:center;
font-weight:300;
letter-spacing:1rem;
margin-top:-10px;
}
.divider{
height:2px;
margin:30px auto;
width:90%;
background:linear-gradient(90deg,transparent,#9bc2ff,transparent);
}
.tagline{
text-align:center;
letter-spacing:.35rem;
line-height:2;
font-size:1.05rem;
margin-bottom:30px;
}
.cta-row{display:flex;gap:12px;margin-bottom:22px}
.btn{
flex:1;text-decoration:none;padding:20px 16px;
border-radius:12px;text-align:center;
font-weight:600;
}
.btn-light{background:#fff;color:#111}
.btn-dark{border:1px solid rgba(255,255,255,.25);color:#fff}
.cards{display:flex;flex-direction:column;gap:14px}
.card{
display:flex;align-items:center;gap:16px;
padding:20px;border:1px solid rgba(255,255,255,.12);
border-radius:14px;background:rgba(255,255,255,.02);
color:#fff;text-decoration:none;
}
.card span{font-size:2rem;width:42px}
.card div{flex:1;display:flex;flex-direction:column;gap:6px}
.card small{opacity:.8}
footer{
text-align:center;
padding:50px 0 30px;
opacity:.9;
}
.footer-logo{
font-size:4rem;font-weight:800;
margin:20px 0;
}