/* Login en registratie in dezelfde stijl als de nieuwe homepage (home-next.css). Overschrijft alleen uiterlijk; markup en gedrag blijven gelijk. */
body.auth-split{background:#07070b;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
body.auth-split .auth-left{background:
  radial-gradient(70% 60% at 0% 100%,rgba(226,56,45,.38),transparent 62%),
  radial-gradient(50% 40% at 100% 0%,rgba(232,181,74,.14),transparent 60%),
  linear-gradient(180deg,rgba(7,7,11,.5) 0%,rgba(7,7,11,.82) 65%,#07070b 100%),
  url('/assets/img/dark-city-lg.webp') center/cover no-repeat}
body.auth-split .auth-left::before{background:linear-gradient(90deg,#e2382d,#e8b54a 50%,transparent)}
/* telefoon met echte schermafbeelding rechtsonder (vervangt het grote watermerk) */
body.auth-split .auth-left::after{content:'';position:absolute;top:auto;left:auto;right:-70px;bottom:-110px;width:250px;aspect-ratio:9/16.6;font-size:0;letter-spacing:0;color:transparent;
  background:var(--ph) center top/cover no-repeat;border-radius:36px;border:8px solid #15161d;box-shadow:0 40px 90px -20px #000,0 0 0 1px rgba(255,255,255,.12);transform:rotate(7deg);z-index:0;pointer-events:none}
body.auth-split .auth-left--login{--ph:url('/assets/img/home/shot-map.webp')}
body.auth-split .auth-left--register{--ph:url('/assets/img/home/shot-season.webp')}
body.auth-split .auth-tagline{font-family:'Oswald','Inter',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(2.3rem,3.7vw,3.7rem);line-height:1.02;letter-spacing:.012em}
body.auth-split .auth-tagline em{background:linear-gradient(95deg,#ff5a4d,#e8b54a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.auth-split .auth-sub{color:#c7cbd6;line-height:1.7;max-width:46ch}
body.auth-split .auth-features{max-width:290px}
body.auth-split .auth-feature{border:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
body.auth-split .auth-feature:hover{background:rgba(255,255,255,.075);border-color:rgba(232,181,74,.35)}
body.auth-split .auth-feature-icon{border-radius:11px;background:linear-gradient(135deg,rgba(226,56,45,.28),rgba(232,181,74,.18));color:#e8b54a}

/* rechterkant */
body.auth-split .auth-right{background:radial-gradient(60% 50% at 80% 0%,rgba(226,56,45,.1),transparent 60%),#0a0a10;border-left:1px solid rgba(255,255,255,.07)}
body.auth-split .auth-form-header h1{font-family:'Oswald','Inter',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.012em;font-size:2.2rem;line-height:1.05}
body.auth-split .auth-form-header a{color:#e8b54a;font-weight:700}
body.auth-split .form-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;color:#9ba1b0}
body.auth-split .form-input{padding:13px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:1rem}
body.auth-split .input-wrap .form-input{padding:13px 42px}
body.auth-split .form-input:focus{border-color:#e8b54a;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(232,181,74,.14)}
body.auth-split .btn-submit{padding:15px!important;font-size:1rem!important;border-radius:14px;background:linear-gradient(135deg,#f0463a,#b32a21);color:#fff;
  box-shadow:0 10px 34px -8px rgba(226,56,45,.65),inset 0 1px 0 rgba(255,255,255,.25)}
body.auth-split .btn-submit:hover{box-shadow:0 16px 44px -8px rgba(226,56,45,.8),inset 0 1px 0 rgba(255,255,255,.3);filter:none}
body.auth-split .btn-secondary{border-radius:14px;padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
body.auth-split .oauth-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}
body.auth-split .oauth-btn{width:auto;height:46px;border-radius:13px;gap:9px;font-weight:700;font-size:.92rem;padding:0 12px}
body.auth-split .oauth-btn i{font-size:1.05rem}
body.auth-split .oauth-btn span{font-size:.9rem}
body.auth-split .divider span{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
body.auth-split .auth-footer{background:rgba(7,7,11,.8)}

@media (max-width:1180px){body.auth-split .auth-left::after{display:none}body.auth-split .auth-features{max-width:none}}
@media (prefers-reduced-motion:reduce){body.auth-split .btn-submit::after{animation:none}}