/* ============================================================================
   DF Academy — authentication pages (login / register / forgot password /
   parent login). Left: the animated golden-hour scene (partials_df_auth.php)
   with the brand text from Admin → Website Design. Right: an ivory form card
   with a gold edge. Black × gold, taken from the DF aperture logo.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root[data-theme="dark"],:root[data-theme="light"]{--bg-main:#faf7f0;--bg-panel:#faf7f0;--text-primary:#14110c;--text-secondary:#6b6355;--border-color:#e8dfcd;--input-bg:#fff;--primary-logic:#0a0a0a;--accent-logic:#9c7327;--accent-hover:#7a5a1e;--shadow-lg:0 30px 80px -20px rgba(60,45,15,.25);--brand-gradient:none}
body{background:#faf7f0!important;color:#14110c!important}
.layout-wrapper{background:#faf7f0}

/* ── left: the scene ── */
.brand-section{position:sticky!important;top:0!important;align-self:flex-start!important;flex:1.15!important;height:100vh!important;min-height:100vh!important;padding:0!important;
  background:radial-gradient(circle at 62% 66%,rgba(255,196,96,.55),transparent 32%),linear-gradient(180deg,#0c0704 0%,#2a1507 30%,#6f3a0f 52%,#c97a22 66%,#1b0e05 72%,#070402 100%)!important;
  color:#fff!important;overflow:hidden!important}
.brand-section>*{display:none!important}
.brand-section>.df-auth-scene{display:block!important;position:absolute!important;inset:0;width:100%;height:100%;z-index:0}
.brand-section:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,4,2,.45) 0%,rgba(6,4,2,0) 26%,rgba(6,4,2,0) 42%,rgba(6,4,2,.8) 66%,rgba(6,4,2,.96) 90%)}
.brand-section:after{content:"";position:absolute;z-index:3;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(201,161,74,.85),transparent);pointer-events:none}
.brand-section>.brand-content-bottom{display:block!important;position:absolute!important;left:8%;right:8%;bottom:7%;z-index:2;color:#fff!important;text-align:left}
.brand-section .brand-content-bottom h1{color:#fff!important;font:600 clamp(30px,3.3vw,50px)/1.1 'Cinzel',Georgia,serif!important;letter-spacing:.02em;text-shadow:0 10px 40px rgba(0,0,0,.5)}
.brand-section .brand-content-bottom h1 span{display:block;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:500;letter-spacing:0;font-size:1.12em;margin-top:.06em;
  background:linear-gradient(100deg,#d9b866,#f3dfa6 30%,#e0bf72 55%,#fbefc9 76%,#cfa954)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.brand-section .brand-content-bottom p{color:#ddd3c0!important;margin-top:14px;max-width:520px;font-family:'Manrope','Noto Sans Sinhala',sans-serif}
.brand-section .badges{display:flex!important;gap:10px;flex-wrap:wrap;margin-top:20px}
.brand-section .badges .badge{background:rgba(10,8,5,.45)!important;color:#f3ecdd!important;border:1px solid rgba(201,161,74,.45)!important;padding:9px 16px!important;border-radius:999px!important;font-weight:700;font-size:12.5px;letter-spacing:.06em;backdrop-filter:blur(8px)}
.brand-section .badges .badge i{color:#e9cf8a!important}

/* ── right: the form ── */
.login-section,.register-section{position:relative;flex:.85!important;background:#faf7f0!important;padding:90px 7vw 55px!important;align-items:flex-start!important;
  background-image:radial-gradient(700px 360px at 100% 0%,rgba(201,161,74,.12),transparent 60%)!important}
.login-section:before,.register-section:before{content:"";position:absolute;top:30px;left:7vw;width:190px;height:38px;background:url('../uploads/branding/df-wordmark-dark.png') left center/contain no-repeat}
.login-box,.register-box{position:relative;width:100%!important;max-width:560px!important;margin:auto!important;padding:44px!important;background:#fff!important;border:1px solid #ece3d1!important;border-radius:22px!important;
  box-shadow:0 1px 2px rgba(40,30,10,.04),0 30px 80px -24px rgba(60,45,15,.28)!important;overflow:hidden}
.login-box:before,.register-box:before{background:linear-gradient(90deg,#8e6b26,#e9cf8a 35%,#c9a14a 60%,#8e6b26)!important;height:3px!important}
.login-header h2{color:#14110c!important;font:600 30px/1.2 'Cinzel',Georgia,'Noto Sans Sinhala',serif!important;letter-spacing:.02em}
.login-header p{color:#6b6355!important}
.form-group label{color:#2a241a!important;font-weight:700!important}
.input-wrapper input,.input-wrapper select{background:#fdfbf7!important;color:#14110c!important;border:1px solid #e4dbc8!important;border-radius:12px!important}
.input-wrapper input:focus,.input-wrapper select:focus{border-color:#c9a14a!important;background:#fff!important;box-shadow:0 0 0 4px rgba(201,161,74,.16)!important}
.field-icon,.password-toggle,.select-arrow{color:#a2967e!important}
.login-btn{background:linear-gradient(100deg,#8e6b26 0%,#e9cf8a 32%,#c9a14a 58%,#a8802f 100%)!important;background-size:200% 100%!important;color:#120d04!important;border-radius:999px!important;
  font-weight:800!important;letter-spacing:.08em;box-shadow:0 14px 30px -10px rgba(156,115,39,.55),inset 0 1px 0 rgba(255,255,255,.4)!important;transition:background-position .5s,transform .25s!important}
.login-btn:hover{background-position:100% 0!important;transform:translateY(-2px)!important}
.register-link{color:#6b6355!important}
.register-link a{color:#9c7327!important;font-weight:800}
.theme-toggle-wrapper{display:none!important}
.error-card{background:#fff0ed!important;border-color:#ffc5bb!important;color:#a32a16!important}

@media(max-width:900px){
  .brand-section{display:none!important}
  .login-section,.register-section{padding:92px 20px 36px!important;min-height:100vh!important}
  .login-section:before,.register-section:before{left:50%;transform:translateX(-50%);top:28px}
  .login-box,.register-box{max-width:620px!important;padding:32px 24px!important}
}