/* Auth pages */
.auth-body{background:var(--bg);color:#e9ecf6;min-height:100vh;margin:0}
.auth-wrap{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}
@media(max-width:1000px){.auth-wrap{grid-template-columns:1fr} .auth-aside{display:none}}

.auth-card{padding:40px;width:min(720px,90vw);margin:auto}
.auth-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;color:#fff;text-decoration:none}
.auth-brand .brand-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--gh-red),var(--gh-gold),var(--gh-green))}
.auth-card h1{margin:8px 0 6px;font-family:'Getaway',sans-serif}
.auth-card .sub{color:#cfd6ea;margin:0 0 16px}

.auth-form{display:flex;flex-direction:column;gap:14px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.grid-2{grid-template-columns:1fr}}

.fld{display:flex;flex-direction:column;gap:6px}
.fld span{font-weight:700}
.fld input,.fld select{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
  border-radius:12px;color:#fff;padding:12px 12px;outline:none
}
.fld input:focus,.fld select:focus{border-color:var(--gh-gold);box-shadow:0 0 0 3px rgba(252,209,22,.18)}
.hint{color:#b9c2d9}

.pw{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}
.pw input{border:0;flex:1;background:transparent;padding:12px}
.pw-toggle{background:transparent;border:0;color:#fff;padding:0 12px;cursor:pointer}

.seg{display:inline-grid;grid-auto-flow:column;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:6px;border-radius:12px}
.seg input{display:none}
.seg label{padding:8px 12px;border-radius:8px;cursor:pointer}
.seg input:checked + label{background:var(--gh-gold);color:#0b0e15;border:2px solid var(--gh-red)}

.chk{display:flex;align-items:center;gap:8px}
.chk.small span{font-size:14px}
.chk a{color:#bcd7ff}

.btn.primary.solid{background:var(--gh-gold);color:#0b0e15;border:2px solid var(--gh-red);border-radius:12px;padding:12px 16px;font-weight:800}
.btn.primary.solid:hover{background:#ffd944}

.row-between{display:flex;align-items:center;justify-content:space-between}

.auth-aside{
  position:relative;display:flex;align-items:center;justify-content:center;
  padding:40px;background:linear-gradient(270deg,var(--gh-red),var(--gh-gold),var(--gh-green),#0b0e15);
  background-size:400% 400%;animation:waveBG 60s linear infinite;
  border-left:1px solid rgba(255,255,255,.08)
}
.hero-copy{max-width:520px}
.hero-copy .intro{letter-spacing:1.5px;color:#e9ecf6;text-transform:uppercase;font-size:12px}
.hero-copy .getaway{font-family:'Getaway',sans-serif;font-size:clamp(28px,4.2vw,44px);margin:.2em 0 .5em}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{position:relative;padding-left:26px;margin:10px 0;color:#f0f3ff}
.ticks li::before{content:"✔";position:absolute;left:0;top:0;color:var(--gh-gold);font-weight:900}