:root{--blue:#283b91;--deep:#071b3b;--navy:#06162f;--lime:#c7df18;--soft:#f4f6f9;--ink:#0e1830;--white:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--soft);color:var(--ink);line-height:1.5}
a{text-decoration:none;color:inherit}
.wrap{width:min(1120px,92%);margin:auto}
.hero{
    background:var(--navy);
    color:#fff;
    padding:34px 0 55px;
}

.hero-row{
    position:relative;
    min-height:135px;
}
.hero-title{
    text-align:center;
}

.hero-title h1{
    font-size:58px;
    margin:6px 0 2px;
    color:var(--blue);
}

.hero-title p{
    margin:0;
    color:#fff;
    font-size:18px;
}

.home-link{
    position:absolute;
    left:0;
    top:8px;
    display:inline-flex;
    align-items:center;
    padding:10px 16px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:30px;
    color:#fff;
    font-size:13px;
    font-weight:600;
}

.home-link:hover{
    background:#fff;
    color:var(--navy);
    border-color:#fff;
}
.back{font-size:13px;color:#c8d0dd;padding-top:8px}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--lime)}
.hero h1{font-size:58px;margin:6px 0 2px}
.hero p{margin:0;color:#cbd4df}
.main{padding:48px 0 80px}
.alert{background:#fff3f3;border-left:5px solid #bf2f2f;padding:18px 22px;margin-bottom:24px}
.form-card{background:#fff;box-shadow:0 16px 48px rgba(6,22,47,.08)}
.form-card section{position:relative;padding:38px 46px;border-bottom:1px solid #e6eaf0}
.form-card h2{margin:0 0 24px;font-size:28px}

.grid{display:grid;gap:20px}
.grid.two{grid-template-columns:1fr 1fr}
.grid.three{grid-template-columns:repeat(3,1fr)}
.span2{grid-column:1/-1}
label{display:block;font-size:12px;font-weight:800;letter-spacing:.3px;color:#354159}
input,
select,
textarea{
    width:100%;
    margin-top:8px;
    padding:13px 14px;
    border:1px solid #d5dbe4;
    border-radius:4px;
    background:#fff;
    color:#0e1830;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:400;
}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(199,223,24,.45);border-color:var(--blue)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:500;letter-spacing:0;margin:15px 0}
.check input{width:auto;margin-top:4px}
.race-table{border:1px solid #e1e5eb}
.race-head,.race-row{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:14px;align-items:center;padding:14px 16px}
.race-head{background:var(--navy);color:#fff;font-size:11px;font-weight:900;letter-spacing:1px}
.race-row{border-top:1px solid #e1e5eb}
.race-row input{margin:0}
.submit-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 46px;background:#f8f9fb;color:#657085;font-size:13px}
.submit-row button{border:0;background:var(--lime);color:var(--navy);font-weight:900;padding:16px 22px;cursor:pointer}
.submit-row button:hover{filter:brightness(.96)}
.confirm-bg{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:30px}
.confirm-card{max-width:680px;background:#fff;padding:54px;text-align:center}
.tick{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:38px;font-weight:900;color:var(--navy)}
.dark-eye{color:var(--blue)}
.confirm-card h1{font-size:43px;margin:10px 0}
.member-box{background:var(--soft);padding:20px;margin:26px 0}
.member-box span,.member-box strong{display:block}
.member-box span{font-size:10px;letter-spacing:2px;color:#687488}
.member-box strong{font-size:28px;margin-top:4px;color:var(--blue)}
.muted{color:#687488}
.return-btn{display:inline-block;margin-top:16px;background:var(--blue);color:#fff;padding:14px 19px;font-weight:900}
@media(max-width:800px){

    .hero{
        padding:24px 0 40px;
    }

    .hero-row{
        min-height:auto;
    }

    .hero-title{
        padding-top:60px;
        text-align:center;
    }

    .hero-title h1{
        font-size:42px;
    }

    .home-link{
        top:0;
        left:0;
    }

    .grid.two,
    .grid.three{
        grid-template-columns:1fr;
    }

    .span2{
        grid-column:auto;
    }

    .race-head,
    .race-row{
        grid-template-columns:1fr;
    }

    .race-head span:not(:first-child){
        display:none;
    }

    .form-card section,
    .submit-row{
        padding:28px 24px;
    }

    .submit-row{
        flex-direction:column;
        align-items:flex-start;
    }
}
/* =========================================================
   MEMBERSHIP HERO - FINAL
   ========================================================= */

.hero{
    min-height:340px;
    display:flex;
    align-items:center;
}

.hero-row{
    position:relative;
    width:100%;
}

/* Back button - same line as GSRC MEMBERSHIP */
.home-link{
    position:absolute;
    top:0;
    left:0;
    transform:none;
    z-index:2;
}

/* Everything centered */
.hero-title{
    width:100%;
    text-align:center;
}

/* Same horizontal line as back button */
.hero-title .eyebrow{
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 0 14px;

    color:#c7df18;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
}

/* Main title */
.hero-title h1{
    width:100%;
    margin:0 !important;

    color:#fff !important;
    text-align:center;

    font-size:clamp(52px,5vw,76px);
    font-weight:900;
    line-height:1;
    letter-spacing:-2px;
}

/* Tagline */
.hero-title p{
    margin:12px 0 0;

    color:#fff;
    text-align:center;
    font-size:18px;
}
@media(max-width:700px){

    .hero{
        min-height:330px;
    }

    .hero-row{
        padding-top:0;
        padding-bottom:0;
    }

    .home-link{
        position:relative;
        display:inline-flex;
        top:auto;
        left:auto;
        margin-bottom:18px;
    }

    .hero-title .eyebrow{
        height:auto;
        margin-bottom:12px;
    }

    .hero-title h1{
        font-size:44px;
        letter-spacing:-1px;
    }

    .hero-title p{
        font-size:16px;
    }
}