*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,Arial,sans-serif;
background:#07111f;
color:#fff;
overflow-x:hidden}
.bg{
position:fixed;inset:0;
background:
radial-gradient(circle at top right,#2563eb66,transparent 40%),
radial-gradient(circle at bottom left,#0ea5e966,transparent 35%),
linear-gradient(135deg,#07111f,#0f172a,#111827);
}
.wrap{
position:relative;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:30px}
.panel{
width:min(980px,100%);
background:rgba(17,24,39,.82);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
border-radius:28px;
padding:40px;
box-shadow:0 20px 60px rgba(0,0,0,.5)}
.badge{display:inline-block;background:#14532d;padding:8px 14px;border-radius:99px}
h1{margin:18px 0 5px;font-size:2.4rem}
.subtitle{color:#b8c3d9;margin-bottom:30px}
.mailbox{background:#0b1220;border-radius:16px;padding:18px;margin-bottom:28px}
.label{color:#9fb2d1;font-size:.9rem}
.address{font-size:1.2rem;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{
text-decoration:none;color:#fff;background:#182536;
padding:22px;border-radius:18px;transition:.25s;
border:1px solid rgba(255,255,255,.06)}
.card:hover{transform:translateY(-6px);background:#223247}
.card span{font-size:2rem}
.primary{background:#2563eb}
.primary:hover{background:#1d4ed8}
footer{text-align:center;margin-top:35px;color:#8ea1bd}