:root{
--blue:#2f5ca8;
--blue-dark:#1f3f7a;
--yellow:#f2b705;
--bg:#f5f7fb;
--white:#ffffff;
--text:#1e2e45;
--muted:#66758d;
--stroke:#e2e8f3;
--shadow:0 20px 45px rgba(35,71,137,0.08);
}

*{box-sizing:border-box;margin:0;padding:0}

body{
font-family:'Inter',sans-serif;
background:linear-gradient(180deg,#f8fafc 0%, #eef3fb 100%);
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
color:var(--text);
}

.card{
width:min(100%, 900px);
background:var(--white);
border-radius:28px;
border:1px solid var(--stroke);
box-shadow:var(--shadow);
overflow:hidden;
}

.top-bar{
height:8px;
background:linear-gradient(90deg,var(--blue),var(--yellow));
}

.content{
padding:60px 40px;
text-align:center;
}

.empresa{
font-family:'Montserrat',sans-serif;
font-weight:800;
font-size:clamp(1.6rem,3vw,2.2rem);
color:var(--blue-dark);
margin-bottom:14px;
letter-spacing:.5px;
}

.badge{
display:inline-block;
padding:10px 16px;
border-radius:999px;
background:#eaf0fb;
color:var(--blue-dark);
border:1px solid #d6e0f5;
font-weight:700;
font-size:.9rem;
margin-bottom:22px;
font-family:'Montserrat',sans-serif;
}

h1{
font-family:'Montserrat',sans-serif;
font-size:clamp(2rem,4vw,3rem);
color:var(--blue-dark);
margin-bottom:14px;
line-height:1.1;
}

p{
max-width:600px;
margin:0 auto;
color:var(--muted);
line-height:1.8;
font-size:1.05rem;
}

.contacts{
margin-top:36px;
display:grid;
gap:14px;
max-width:500px;
margin-left:auto;
margin-right:auto;
}

.contact{
padding:18px;
border-radius:16px;
background:#f8faff;
border:1px solid var(--stroke);
}

.contact small{
display:block;
color:var(--blue);
font-weight:700;
margin-bottom:6px;
font-family:'Montserrat',sans-serif;
}

.contact a{
color:var(--text);
text-decoration:none;
font-weight:600;
}

.footer{
margin-top:30px;
font-size:.95rem;
color:var(--muted);
}

@media (max-width: 600px){
.content{
padding:40px 22px;
}
}