/* GOL AUTH — SAME PAGE, FIXED HERO + NON-CUTTING FORM */
.auth-page{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(480px,560px);
    background:#f8f7f3;
    margin-top:88px; /* header is fixed */
    min-height:calc(100vh - 88px);
    align-items:start;
}
.auth-visual{
    position:relative;
    min-width:0;
    width:100%;
    height:calc(100vh - 88px);
    min-height:620px;
    display:flex;
    align-items:flex-end;
    padding:72px;
    color:#fff;
    overflow:hidden;
    background:#26352f;
}
.auth-visual-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    transform:none!important;
    transition:none!important;
}
.auth-visual-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(18,28,23,.70),rgba(18,28,23,.20)),linear-gradient(0deg,rgba(15,24,20,.35),transparent 58%);
    pointer-events:none;
}
.auth-visual-content{position:relative;z-index:1;max-width:520px}
.auth-visual-content>span{font-size:10px;letter-spacing:3px;color:#dec188}
.auth-visual-content h1{font:400 clamp(48px,5vw,74px)/.96 var(--serif);margin:15px 0;color:#fff}
.auth-visual-content p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.78);max-width:430px}
.auth-panel{
    min-width:0;
    min-height:calc(100vh - 88px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:38px 42px 55px;
    box-sizing:border-box;
    background:#f8f7f3;
}
.auth-box{
    width:100%;
    max-width:470px;
    min-width:0;
    background:#fff;
    padding:42px 44px 36px;
    box-sizing:border-box;
    border:1px solid #e7e1d7;
    box-shadow:0 18px 55px rgba(38,49,44,.08);
}
.auth-heading .eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}
.auth-heading h2{font:400 46px/1.04 var(--serif);color:var(--dark);margin:10px 0 8px}
.auth-heading p{font-size:12px;color:var(--text-light);margin:0 0 22px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e4dfd7;margin-bottom:24px}
.auth-tab{height:42px;border:0;background:transparent;padding:0;color:#999;font:500 10px var(--sans);letter-spacing:1.5px;text-transform:uppercase;position:relative;cursor:pointer;text-decoration:none}
.auth-tab.active{color:var(--dark)}
.auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}
.auth-form{width:100%;margin:0;padding:0}
.auth-form[hidden]{display:none!important}
.auth-form .form-group{margin:0 0 14px}
.auth-form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#555;margin:0 0 5px}
.auth-form input{display:block;width:100%;height:44px;border:1px solid #ddd8cf;padding:0 13px;font:13px var(--sans);outline:0;box-sizing:border-box;border-radius:0;background:#fff}
.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(181,150,90,.08)}
.password-field{position:relative}
.password-field input{padding-right:45px}
.password-toggle{position:absolute!important;right:0;top:0;width:45px!important;height:44px!important;border:0!important;background:transparent!important;color:#888;cursor:pointer}
.form-options{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 19px;font-size:10px}
.form-options a,.auth-note a,.terms-check a{color:var(--gold-dark)}
.remember{display:flex!important;align-items:center;gap:6px;text-transform:none!important;letter-spacing:0!important;margin:0!important}
.remember input,.terms-check input{width:auto!important;height:auto!important;margin-top:2px}
.auth-btn{display:block;width:100%;height:47px;border:1px solid var(--gold);background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;cursor:pointer}
.auth-btn:hover{background:var(--dark);border-color:var(--dark)}
.terms-check{display:flex!important;gap:8px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:10px!important;line-height:1.45;margin:2px 0 17px!important}
.auth-note{text-align:center;color:#888;font-size:11px;margin:18px 0 0}
#signupForm .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#signupForm .form-row .form-group{min-width:0}
#signupForm .form-group{margin-bottom:13px}
.auth-page,.auth-visual,.auth-panel,.auth-box{transition:none!important}

@media(max-width:1100px){
    .auth-page{grid-template-columns:minmax(0,1fr) minmax(430px,500px)}
    .auth-visual{padding:55px}
    .auth-panel{padding:32px 28px 48px}
    .auth-box{padding:38px}
}
@media(max-width:900px){
    .auth-page{display:block;margin-top:75px;min-height:0}
    .auth-visual{height:360px;min-height:360px;padding:45px 35px}
    .auth-panel{min-height:0;padding:35px 20px 55px}
    .auth-box{max-width:520px;padding:38px}
}
@media(max-width:560px){
    .auth-page{margin-top:75px}
    .auth-visual{height:300px;min-height:300px;padding:30px 20px}
    .auth-visual-content h1{font-size:45px}
    .auth-panel{padding:24px 14px 45px}
    .auth-box{padding:28px 20px}
    .auth-heading h2{font-size:39px}
    #signupForm .form-row{grid-template-columns:1fr;gap:0}
}
@media(max-width:380px){
    .auth-panel{padding-left:9px;padding-right:9px}
    .auth-box{padding:24px 16px}
}


/* =========================================================
   GOL RESORTS & HOTELS — WHITE / SOFT IVORY SECTION PALETTE
   ========================================================= */
.intro-section,
.section-white {
    background: #ffffff !important;
}

.gol-section:nth-of-type(odd),
.section-ivory,
.gol-section-cream {
    background: #f8f7f3 !important;
}

.gol-section:nth-of-type(even) {
    background: #ffffff !important;
}

.newsletter {
    background: #f8f7f3 !important;
}

/* Keep visual separation subtle and luxurious */
.intro-section,
.gol-section,
.newsletter {
    border-bottom: 1px solid rgba(80, 70, 55, 0.06);
}
