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

:root {

    --primary: #1d3557;
    --primary-dark: #14253d;
    --secondary: #c9a227;

    --background: #f5f7fa;
    --surface: #ffffff;

    --border: #e5e9ef;

    --text: #1e293b;
    --muted: #64748b;

}

body {

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background: var(--background);

    color: var(--text);

    min-height: 100vh;

}


/* =========================
   LANDING
========================= */

.landing {

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

}


.landing-card {

    width: 100%;

    max-width: 430px;

    background: var(--surface);

    border: 1px solid var(--border);

    border-radius: 16px;

    padding: 45px 35px;

    text-align: center;

    box-shadow:
        0 15px 40px rgba(20, 37, 61, .08);

}


.logo {

    width: 58px;

    height: 58px;

    margin: 0 auto 20px;

    display: grid;

    place-items: center;

    border-radius: 14px;

    background: var(--secondary);

    color: var(--primary-dark);

    font-size: 24px;

    font-weight: 800;

}


.landing-card h1 {

    color: var(--primary-dark);

    font-size: 25px;

    margin-bottom: 8px;

}


.landing-card p {

    color: var(--muted);

    font-size: 14px;

    margin-bottom: 30px;

}


.actions {

    display: grid;

    gap: 10px;

}


.btn {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 45px;

    border-radius: 8px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    transition: .2s;

}


.btn-primary {

    background: var(--primary);

    color: #fff;

}


.btn-primary:hover {

    background: #284a77;

}


.btn-secondary {

    background: #fff;

    color: var(--primary);

    border: 1px solid var(--border);

}


.btn-secondary:hover {

    background: #f8fafc;

}