:root{--navy:#0b1d3a;--teal:#19c3b1;--sun:#ffc933;--ink:#13233f;--paper:#f6f8fb}
body{background:var(--paper);color:var(--ink);font-family:system-ui,"Segoe UI",sans-serif}
.nav-main{background:var(--navy)}
.hero {
    color: var(--navy);
    background: radial-gradient(circle at 88% 28%,#ffb81c 0 10%,transparent 10.5%),radial-gradient(circle at 78% 72%,rgba(25,195,177,.2) 0 13%,transparent 13.5%),linear-gradient(135deg,#fff6dc,#ffe2b8)
}

.hl {
    color: #e8590c
}
.btn-accent{background:var(--sun);color:var(--navy);font-weight:600;border:0}
.btn-accent:hover{background:#ffd75e;color:var(--navy)}
.badge-accent{background:var(--teal);color:var(--navy);font-size:.9rem}
.card-tile{background:#fff;border-radius:16px;padding:1.25rem;border-left:6px solid var(--teal);box-shadow:0 4px 14px rgba(11,29,58,.08)}
.card-tile.alt{border-left-color:var(--sun)}
.ico{font-size:2rem}
.tile-link{text-decoration:none;color:inherit;display:block;height:100%}
.tile-link .card-tile{transition:transform .15s,box-shadow .15s}
.tile-link:hover .card-tile{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,29,58,.16)}
.pcard{border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(11,29,58,.12)}
.pcard img,.pcard iframe{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border:0}
.pcard .ph{aspect-ratio:4/3;display:grid;place-items:center;font-size:3rem;background:rgba(255,255,255,.4)}

.facts{background:#fff;border-bottom:1px solid #e3e8f0}
.fact{padding:.5rem}.fact h6{font-weight:700;margin:.25rem 0}.fact p{font-size:.92rem}
.auth-wrap{max-width:480px;margin:0 auto;background:#fff;border-radius:16px;border-left:6px solid var(--sun);padding:1.75rem;box-shadow:0 4px 14px rgba(11,29,58,.08)}
.auth-wrap .row>*{width:100%;max-width:100%;flex:0 0 100%;margin-left:0}
.auth-wrap .col-md-6.col-md-offset-2,.auth-wrap hr{display:none}
.auth-wrap h1{font-size:1.9rem;font-weight:700;text-align:center;margin-bottom:.25rem}
.auth-wrap h2,.auth-wrap h3{font-size:1.05rem;color:#5b6b85;text-align:center;margin-bottom:1.25rem}
.auth-wrap .btn-primary{background:var(--sun);color:var(--navy);border:0;font-weight:700}
.auth-wrap .btn-primary:hover{background:#ffd75e;color:var(--navy)}
.auth-wrap a{color:#0b6e9f}

.nav-main .nav-link {
    white-space: nowrap
}

    /* Google section: space above, text and button on one line */
    .auth-wrap .row > :nth-child(2) {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e3e8f0
    }

        .auth-wrap .row > :nth-child(2) section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: .75rem
        }

        .auth-wrap .row > :nth-child(2) h3 {
            margin: 0;
            text-align: left
        }

        .auth-wrap .row > :nth-child(2) hr {
            display: none
        }

        .auth-wrap .row > :nth-child(2) form p {
            margin: 0
        }

        .auth-wrap .row > :nth-child(2) .btn {
            width: auto;
            padding: .5rem 1.5rem
        }

        .auth-wrap .row > :nth-child(2) h3 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--navy)
        }

.auth-wrap .btn-primary {
    margin-bottom: 1rem
}
.pcard video {
    width: 100%;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
    background: #000
}

/* Hide "Use another service to log in" and the Google button */
.auth-wrap .row > :nth-child(2) {
    display: none
}