:root {
    --navy:#081b4b;
    --text:#475569;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Segoe UI",Arial,sans-serif;background:#fff;color:#111827;}
.container {
    height: 100vh;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
}
.logo {
    width: 320px;
    max-width: 80%;
    height: auto;
    margin-bottom: 1.5rem;
}
h1 {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1.05;
    color: var(--navy);
    margin-bottom: 1rem;
}
.tagline {
    max-width: 650px;
    font-size: 1.1rem;
    line-height: 1.5;
    color: var(--text);
    margin-bottom: 2rem;
}
.buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn{padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:600;transition:.2s;}
.btn-primary{background:var(--navy);color:#fff;}
.btn-primary:hover{background:#12337d;}
.btn-secondary{border:2px solid var(--navy);color:var(--navy);}
.btn-secondary:hover{background:var(--navy);color:#fff;}
footer {
    margin-top: 2rem;
    color: #94a3b8;
    font-size: 0.85rem;
}
@media (max-width:768px){.logo{width:280px}.tagline{font-size:1.1rem}.buttons{flex-direction:column;width:100%;max-width:280px}}