*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{font-family:'DanaFaNum',Tahoma,Arial,sans-serif;font-weight:300;
  background:#FAF9F4;height:100vh;display:flex;align-items:center;
  justify-content:center;direction:rtl;padding:14px}
.box{background:#fff;border-radius:16px;padding:28px 26px 22px;width:100%;max-width:360px;
  max-height:calc(100vh - 28px);overflow-y:auto}
.theme-toggle .icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.logo{text-align:center;margin-bottom:12px}
.logo-mark{width:60px;height:60px;border-radius:16px;margin:0 auto 12px;display:flex;
  align-items:center;justify-content:center;background:linear-gradient(135deg,#C95F2D,#AD4F24);color:#fff}
.logo-mark svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.login-wordmark{direction:ltr;font-family:Arial,sans-serif;font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;margin:2px 0 10px;color:#123D3A;text-transform:lowercase}
.login-wordmark span{color:#C95F2D}
.logo p{font-size:12px;color:#74817E;font-weight:300}
.form-group{margin-bottom:13px}
label{display:block;font-size:12px;font-weight:500;color:#5F716D;margin-bottom:6px}
input{width:100%;padding:11px 13px;border:1px solid transparent;background:#F4F0E8;
  border-radius:10px;font-size:13px;font-family:'DanaFaNum',Tahoma,Arial,sans-serif;font-weight:300;
  direction:rtl;outline:none;color:#123D3A;transition:all .15s}
input:focus{background:#fff;border-color:#C95F2D;box-shadow:0 0 0 3px rgba(201,95,45,.14)}
.btn-login{width:100%;padding:12px;background:#C95F2D;color:#fff;border:none;
  border-radius:10px;font-size:14px;font-weight:500;font-family:'DanaFaNum',Tahoma,Arial,sans-serif;
  cursor:pointer;margin-top:8px;transition:background .15s}
.btn-login:hover{background:#AD4F24}
.err{padding:10px 13px;border-radius:10px;font-size:12px;margin-bottom:13px;
  display:flex;align-items:center;gap:8px;font-weight:400;line-height:1.7}
.err.danger{background:#fdeded;color:#b91c1c}
.err.success{background:#E8F1EA;color:#2F8468}
.err.warning{background:#fef9c3;color:#854d0e}
.err.info{background:#E8F1EA;color:#AD4F24}
.otp-boxes{display:flex;gap:8px;direction:ltr;justify-content:center;margin:4px 0 2px}
.otp-boxes input{width:48px;height:54px;padding:0;text-align:center;font-size:20px;font-weight:700;
  letter-spacing:0;border-radius:12px;background:#F4F0E8;border:1px solid transparent;direction:ltr}
.otp-boxes input:focus{background:#fff;border-color:#C95F2D;box-shadow:0 0 0 3px rgba(201,95,45,.14)}
.otp-boxes input.filled{background:#fff;border-color:#c7d3e8}
.channel-note{font-size:11.5px;color:#7a8595;line-height:1.9;text-align:center;margin-bottom:10px;font-weight:300}
.btn-alt{width:100%;padding:11px;background:#eef1f6;color:#3a4453;border:none;border-radius:10px;
  font-size:13px;font-weight:500;font-family:'DanaFaNum',Tahoma,Arial,sans-serif;cursor:pointer;margin-top:9px;
  transition:background .15s}
.btn-alt:hover:not(:disabled){background:#e3e8f0}
.btn-alt:disabled{opacity:.55;cursor:not-allowed}
.school-intro{font-size:12px;line-height:1.9;color:#74817E;text-align:center;margin-bottom:14px}
.school-options{display:grid;gap:9px;margin-bottom:6px}
.school-option{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:12px;background:#F4F0E8;cursor:pointer;margin:0;transition:all .15s}
.school-option:hover{background:#EFE9DE}
.school-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.school-option:has(input:checked){border-color:#C95F2D;background:#fff;box-shadow:0 0 0 3px rgba(201,95,45,.1)}
.school-option-mark{width:38px;height:38px;border-radius:10px;background:#E8F1EA;color:#123C35;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}
.school-option-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.school-option-copy b{font-size:13px;color:#123D3A;font-weight:600}
.school-option-copy small{font-size:10.5px;color:#74817E;margin-top:1px}
.school-option-check{width:22px;height:22px;border-radius:50%;background:#E8E3D9;color:transparent;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.school-option:has(input:checked) .school-option-check{background:#C95F2D;color:#fff}
.login-home-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding:7px;color:#5F716D;font-size:12px;font-weight:400;text-decoration:none;transition:color .15s}
.login-home-link b{font-size:16px;line-height:1;transition:transform .15s}
.login-home-link:hover{color:#C95F2D}.login-home-link:hover b{transform:translateX(3px)}
@media (max-width:380px){.otp-boxes input{width:42px;height:48px;font-size:18px}}