/* ===================================================================
   RASEEN — public application forms (Teacher · Academic · Admin staff)
   Loaded AFTER each form's own <style>: re-points its variables to the
   school-platform identity and calms the hero. Markup and scripts untouched.
=================================================================== */
:root{
  --bg:#eef2f8; --bg2:#ffffff; --card:#ffffff; --card2:#f8fafd;
  --brd:#e6eaf2; --brd2:#d9e0ec;
  --acc:#01b9ff; --acc2:#0291c9; --teal:#01b9ff; --pur:#01b9ff;
  --grn:#10b981; --red:#ef4444; --ylw:#f59e0b;
  --txt:#0f1b3d; --muted:#46506e; --sub:#6b7591;
  --navy:#000c40; --marigold:#01b9ff;
}
html,body,[dir=rtl],[dir=ltr],button,input,select,textarea{font-family:'Cairo',system-ui,sans-serif !important;}
body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;}

/* HERO — school-platform gradient */
.hero{
  background:linear-gradient(135deg,#000c40 0%,#062a8a 60%,#0a7fd1 100%) !important;
  border-bottom:0 !important; color:#fff;
  padding-bottom:56px !important;
}
.hero::after{display:none !important;}
.hero::before{display:block !important;content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-140px;top:-200px;background:radial-gradient(circle,rgba(1,185,255,.45),transparent 65%) !important;right:auto;bottom:auto;}
.hero-title{background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important;font-weight:800 !important;letter-spacing:0 !important;}
.hero-title *{background:none !important;-webkit-text-fill-color:inherit !important;color:inherit !important;}
.hero-sub{color:rgba(255,255,255,.72) !important;}
.hero-logo{background:rgba(255,255,255,.08) !important;box-shadow:none !important;border:1px solid rgba(255,255,255,.14);}
.hero img{filter:none;}
.badges .badge,.hero .badge{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.14) !important;color:rgba(255,255,255,.85) !important;font-weight:500;}

/* STEPPER */
.step-wrap{background:#fff;border-bottom:1px solid var(--brd);}
.step-dot{background:#fff;border-color:var(--brd2);color:var(--sub);}
.step.active .step-dot{background:var(--navy) !important;border-color:var(--navy) !important;color:#fff !important;box-shadow:0 0 0 4px rgba(1,185,255,.2) !important;}
.step.done .step-dot{background:var(--grn);border-color:var(--grn);}
.step.active .step-lbl{color:var(--navy) !important;}
.prog-bar{background:var(--brd);}
.prog-fill{background:var(--teal) !important;}

/* SECTIONS */
.sec{border-radius:20px;border:1px solid var(--brd) !important;box-shadow:0 8px 28px rgba(0,12,64,.08);}
.sec-head{background:#fff !important;}
.sec-icon{background:rgba(1,185,255,.12) !important;border:0;box-shadow:none !important;border-radius:14px !important;}
.sec-title{font-weight:800 !important;color:var(--txt);}

/* FIELDS */
label{color:var(--txt) !important;font-weight:600 !important;}
input,select,textarea{background:#fff !important;border:1px solid var(--brd2) !important;color:var(--txt) !important;border-radius:11px !important;}
input:focus,select:focus,textarea:focus{border-color:var(--teal) !important;box-shadow:0 0 0 4px rgba(1,185,255,.12) !important;}
input.err,select.err,textarea.err{border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(229,72,77,.12) !important;}
select option{background:#fff;color:var(--txt);}
input::placeholder,textarea::placeholder{color:#a3acc6;}

.chk-item,.radio-item{background:#fff !important;border:1px solid var(--brd2) !important;color:var(--txt);}
.chk-item.on,.radio-item.on,.radio-item:has(input:checked){background:rgba(1,185,255,.08) !important;border-color:var(--teal) !important;color:var(--acc2) !important;}
.file-drop{background:var(--card2) !important;border-color:var(--brd2) !important;}
.file-drop:hover,.file-drop.drag{border-color:var(--teal) !important;background:rgba(1,185,255,.05) !important;}

/* BUTTONS */
.btn-p{background:var(--navy) !important;color:#fff !important;box-shadow:none !important;}
.btn-p:hover{background:#0b1a5c !important;opacity:1 !important;transform:none !important;}
.btn-s{background:#fff !important;color:var(--muted) !important;border:1px solid var(--brd2) !important;}
.btn-s:hover{border-color:var(--teal) !important;color:var(--acc2) !important;}
.btn-sub{background:#01b9ff !important;color:#001033 !important;}
.btn-sub:hover{background:#2cc6ff !important;opacity:1 !important;}
.curr-btn.on{background:var(--navy) !important;}

.info{background:rgba(1,185,255,.06) !important;border-color:rgba(1,185,255,.22) !important;color:var(--muted) !important;}
.rev-grid{background:var(--card2) !important;border:1px solid var(--brd);}
.rv{color:var(--txt);}

/* LANGUAGE SWITCH */
.lang-sw{border:1px solid var(--brd2) !important;box-shadow:0 10px 30px -10px rgba(11,20,64,.35) !important;background:#fff;}
.lbtn{background:#fff !important;color:var(--muted) !important;}
.lbtn.on{background:var(--navy) !important;color:#fff !important;}

:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}