.auth-shell{background:url(/background-hexagon.png) 50%/500px;grid-template-columns:minmax(0,1.15fr) minmax(340px,430px);align-items:center;gap:54px;min-height:100vh;padding:48px clamp(22px,6vw,90px);display:grid}.auth-brand{color:#425962;border-left:5px solid var(--gold);max-width:820px;padding-left:28px}.auth-brand:before{content:none;display:none}.auth-brand-topline{justify-content:flex-start;align-items:center;gap:8px;width:min(100%,620px);margin-bottom:18px;display:flex}.auth-brand-pill{border:1px solid var(--gold);color:#425962;text-transform:uppercase;letter-spacing:.12em;background:#fff6dfd9;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:8px 14px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:.78rem;font-weight:700;display:inline-flex}.auth-brand h1{max-width:760px;font-family:var(--app-font-family);letter-spacing:.08em;color:#425962;margin:0;font-size:clamp(2.9rem,5.7vw,5.8rem);font-weight:400;line-height:1.15}.auth-brand-logo{object-fit:contain;height:auto;margin-bottom:10px;display:block}.auth-brand-logo-desktop{width:min(100%,620px);max-height:300px;display:block}.auth-brand-logo-responsive{display:none!important}.auth-brand-separator{background:var(--gold);border-radius:999px;width:min(340px,72%);height:2px;margin:0 0 14px;display:none}.auth-brand:after{content:"A Secure Online System for Managing Madrasah Records.";text-align:center;color:#425962;width:min(100%,620px);max-width:620px;margin:4px 0 0;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:1.42rem;line-height:1.45;display:block;transform:none}.auth-panel{border:1px solid #ded8c8f2;border-top:5px solid var(--gold);box-shadow:var(--shadow);background:#fffffff5;border-radius:6px;padding:24px}.auth-form{gap:15px;margin-top:22px;display:grid}.auth-title{color:#0b3142;margin:0;font-size:1.35rem;line-height:1.2}.auth-copy{color:#c5a261;margin:0;font-size:.9rem;line-height:1.55}.auth-forgot-link{color:#0b6f61;justify-self:end;width:fit-content;margin-top:-8px;font-size:.82rem;font-weight:900;text-decoration:none}.auth-code-field{gap:8px;display:grid}.auth-form button.auth-resend-code{width:fit-content!important;height:auto!important;min-height:0!important;box-shadow:none!important;color:#0b6f61!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:0!important;justify-self:end!important;padding:0!important;font-family:Calibri,Segoe UI,Arial,sans-serif!important;font-size:.82rem!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important}.auth-form button.auth-resend-code:hover,.auth-form button.auth-resend-code:focus-visible{color:#0b3142!important;outline:0!important;text-decoration:underline!important}.auth-form button.auth-resend-code:disabled{color:#8a9aa2!important;cursor:not-allowed!important;text-decoration:none!important}.auth-passkey-button{color:#0b3142;cursor:pointer;background:#fff;border:1px solid #d7e1e6;border-radius:6px;width:100%;min-height:44px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:.92rem;font-weight:850}.auth-passkey-button:hover,.auth-passkey-button:focus-visible{background:#edf8f3;border-color:#0b6f61;outline:none}.auth-passkey-button:disabled{opacity:.65;cursor:not-allowed}.auth-password-field{width:100%;display:block;position:relative}.auth-password-field input{background:#fff;display:block;padding-right:46px!important}.auth-form button.auth-password-visibility{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;color:#425962!important;cursor:pointer!important;z-index:2!important;background:0 0!important;border:0!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.auth-form button.auth-password-visibility:hover{color:#0b3142!important;background:0 0!important;outline:0!important}.auth-form button.auth-password-visibility:focus-visible{color:#0b3142!important;background:0 0!important;outline:0!important;box-shadow:inset 0 0 0 1px #c79a3b73!important}.auth-password-visibility svg{fill:currentColor;width:20px;height:20px}.auth-remember{color:#243f4a;cursor:pointer;gap:9px;font-size:.84rem;font-weight:800;grid-template-columns:unset!important;grid-auto-flow:column!important;align-items:center!important;width:fit-content!important;display:flex!important}.auth-remember input{height:17px;accent-color:var(--gold);flex:0 0 17px;margin:0;padding:0;width:17px!important;min-width:17px!important;min-height:17px!important;display:inline-block!important}.auth-remember span{line-height:1.2;display:inline-block}.auth-locked-portal{border:1px solid var(--line);border-radius:var(--radius);color:#425962;background:#f8f6ef;align-items:center;min-height:42px;padding:9px 11px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:.88rem;font-weight:900;display:flex}.auth-version{border-top:1px solid var(--line);color:#c5a261;text-align:center;margin-top:20px;padding-top:16px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:1.08rem;display:block}@media (max-width:1200px){.auth-shell{grid-template-columns:1fr;place-items:start center;gap:22px}.auth-brand{text-align:center;border-left:0;width:100%;max-width:720px;margin:28px auto 0;padding-left:0}.auth-brand-logo-desktop{display:none!important}.auth-brand-logo-responsive{width:min(100%,620px);margin-left:auto;margin-right:auto;display:block!important}.auth-brand-separator{width:min(520px,100vw - 64px);margin:0 auto 18px;display:block}.auth-brand:after{text-align:center;width:auto;max-width:560px;margin:0 auto;font-size:1.32rem;line-height:1.55;transform:none}.auth-panel{justify-self:center;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.auth-brand-topline{justify-content:center;margin-left:auto;margin-right:auto}}@media (max-width:640px){.auth-shell{background:url(/background-hexagon.png) 50%/500px;align-items:start;gap:0;padding:16px 16px 24px}.auth-brand{text-align:center;border-left:0;width:100%;margin-top:0;padding-top:0;padding-left:0}.auth-brand-topline{gap:6px;margin-bottom:10px}.auth-brand-pill{min-height:34px;padding:7px 13px;font-size:.72rem}.auth-brand-logo{max-width:calc(100vw - 32px);margin:0 auto 8px}.auth-brand-logo-responsive{width:min(100%,420px)}.auth-brand-separator{width:calc(100vw - 32px);max-width:468px;height:2px;margin:0 auto 14px}.auth-brand:after{text-align:center;max-width:min(360px,100vw - 48px);margin:0 auto;font-size:1.12rem;line-height:1.42}.auth-panel{width:100%;max-width:520px;margin:-6px auto 0;padding:18px}}.auth-account-status{border:1px solid #ded8c8;border-top:4px solid var(--gold);text-align:center;background:#fbfaf6;border-radius:8px;justify-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 12px 24px #17324d14}.auth-account-status-logo{object-fit:contain;width:min(220px,100%);height:auto;max-height:70px}.auth-account-status h2{color:#243f4a;margin:0;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:1.08rem;line-height:1.2}.auth-account-status p{color:#425962;margin:6px 0 0;font-size:.9rem;font-weight:700;line-height:1.45}.auth-account-status a{color:#0b6f61;border-top:1px solid #ded8c8;width:100%;padding-top:10px;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:900;text-decoration:none}.auth-account-status a:hover,.auth-account-status a:focus-visible{color:#0b3142;text-decoration:underline}.auth-legal-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:8px;font-size:.82rem;display:flex}.auth-legal-links a{color:#3d6272;text-underline-offset:3px;text-decoration:underline}