/* طبقة تصميم مستقلة لشاشة الدخول؛ لا تمس منطق المصادقة. */
.auth-page{background:#0b213d;overflow-x:hidden}.auth-layout{grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);min-height:100vh}.auth-brand-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(38px,6vw,76px);background:linear-gradient(145deg,#102b4c 0%,#16466d 58%,#087b89 145%)}.auth-brand-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#0008,transparent 82%)}.auth-brand-panel::after{content:"";position:absolute;width:400px;height:400px;left:-160px;bottom:-185px;z-index:-1;border-radius:50%;background:#43cbd733;box-shadow:0 0 110px #43cbd733}.auth-brand-content{display:flex;min-height:390px;flex-direction:column;justify-content:space-between;align-items:flex-start}.auth-logo-wrap{padding:13px 20px;border-radius:18px;background:#fff;box-shadow:0 18px 45px #06172f59}.auth-logo{width:220px}.auth-hero-copy{max-width:600px;margin-top:48px}.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #b7f7ff4d;border-radius:999px;background:#b7f7ff12;color:#bff9ff;font-size:13px;font-weight:700}.auth-brand-panel h1{max-width:12ch;margin:18px 0 16px;font-size:clamp(38px,4vw,62px);line-height:1.3;letter-spacing:-.025em;text-shadow:0 4px 24px #06192a55}.auth-brand-panel p{max-width:500px;margin:0;color:#e2f1ff;font-size:18px;line-height:2}.auth-brand-points{display:flex;gap:12px;width:100%;margin-top:38px}.auth-brand-points div{display:flex;align-items:center;gap:12px;flex:1;padding:15px 16px;border:1px solid #fff2;border-radius:15px;background:#ffffff10;backdrop-filter:blur(10px)}.auth-brand-points i{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:#79e7ee22;color:#91eff5}.auth-brand-points strong{font-size:14px}.auth-brand-points small{display:block;color:#c8dfed;font-size:12px;line-height:1.7}.auth-form-panel{position:relative;padding:34px;background:linear-gradient(145deg,#f9fcff,#edf4fa);isolation:isolate}.auth-form-panel::before{content:"";position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,#11a5b4,#2f83df,#11a5b4)}.auth-card{width:min(100%,455px);padding:42px;background:#fffffff2;border:1px solid #dbe5ef;border-radius:26px;box-shadow:0 25px 55px #24415a1c}.auth-card-head{gap:15px;margin-bottom:32px}.auth-icon{width:74px!important;height:62px;border-radius:14px}.auth-card h2{font-size:29px;letter-spacing:-.02em}.auth-card p{font-size:14px}.auth-field{margin-bottom:22px}.auth-password-field{margin-bottom:28px}.auth-card .form-label{margin-bottom:8px;color:#263e5c;font-size:14px;font-weight:700}.auth-input{min-height:52px;border-color:#d8e3ee;border-radius:12px;background:#fbfdff;transition:border-color .2s,box-shadow .2s,background-color .2s}.auth-input:hover{border-color:#b8cde0}.auth-input:focus{border-color:#1198ad;background:#fff;box-shadow:0 0 0 4px #0ca6b51a}.input-icon{right:16px;color:#6d84a1}.password-toggle{left:12px}.auth-submit{min-height:53px;border:0;border-radius:12px;background:linear-gradient(135deg,#0874d8,#00a5b4);box-shadow:0 12px 24px #0874d82e;transition:transform .2s,box-shadow .2s,filter .2s}.auth-submit:hover,.auth-submit:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,#086bd0,#0097a5);box-shadow:0 16px 28px #0874d83b}.auth-submit .submit-label{display:inline-flex;align-items:center;gap:10px}.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 0!important;color:#71839a!important;font-size:12px!important}.auth-security-note i{color:#13946f}@media(max-width:1100px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:34px 8vw}.auth-brand-content{min-height:auto}.auth-hero-copy{margin-top:32px}.auth-brand-panel h1{max-width:none;font-size:42px}.auth-brand-points{max-width:720px}.auth-form-panel{padding:42px 20px}.auth-card{width:min(100%,500px)}}@media(max-width:600px){.auth-brand-panel{padding:25px 20px 22px}.auth-logo-wrap{padding:10px 14px;border-radius:14px}.auth-logo{width:170px}.auth-hero-copy{margin-top:25px}.auth-eyebrow{font-size:11px}.auth-brand-panel h1{margin:12px 0 8px;font-size:31px}.auth-brand-panel p{font-size:14px;line-height:1.85}.auth-brand-points{flex-direction:column;margin-top:24px}.auth-brand-points div{padding:11px 13px}.auth-brand-points i{width:34px;height:34px;flex-basis:34px}.auth-form-panel{padding:20px 14px 30px}.auth-card{padding:28px 20px;border-radius:20px}.auth-card-head{margin-bottom:25px}.auth-icon{width:66px!important;height:56px}.auth-card h2{font-size:25px}.auth-field{margin-bottom:18px}.auth-password-field{margin-bottom:24px}.auth-input{min-height:50px}}