:root{--auth-green:#0c3426;--auth-green2:#24633f;--auth-gold:#dbbf73;--auth-gold2:#efdda9;--auth-text:#263f32;--auth-muted:#7a8980;--auth-border:#e8ece9;--auth-bg:#f7faf7;--auth-font:'Noto Naskh Arabic',serif;--auth-arabic:'Amiri',serif;--auth-latin:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--auth-bg);color:var(--auth-text)}body{font:15px/1.75 var(--auth-font);overflow-x:hidden}.ui-icon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8}a{text-decoration:none;color:inherit}button,input{font:inherit}.latin{font-family:var(--auth-latin);direction:ltr;unicode-bidi:isolate}.directional{transform:none}html[dir=ltr] .directional{transform:scaleX(-1)}
/* Login */
.haq-auth-body{min-height:100dvh;background:#f7faf7}.haq-login-page{min-height:100dvh;position:relative;overflow:hidden;padding:22px}.haq-login-building{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.08;filter:saturate(.75);z-index:0}.haq-login-wash{position:fixed;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(245,249,246,.97));z-index:1}.haq-pattern{position:fixed;width:380px;height:380px;border-radius:50%;border:1px solid rgba(23,78,54,.07);box-shadow:0 0 0 40px rgba(23,78,54,.025),0 0 0 82px rgba(23,78,54,.018);z-index:1}.login-pattern-a{right:-160px;top:-160px}.login-pattern-b{left:-190px;bottom:-190px}.haq-login-top,.haq-login-layout{position:relative;z-index:3;max-width:1120px;margin:auto}.haq-login-top{display:flex;align-items:center;justify-content:space-between;padding:2px 0 18px}.haq-login-brand{display:flex;align-items:center;gap:10px}.haq-login-brand img{width:54px;height:54px;object-fit:contain}.haq-login-brand strong{display:block;color:#164d36;font:700 20px/1.5 var(--auth-arabic)}.haq-login-brand small{display:block;color:#7b8980;font-size:10px}.haq-lang-chip{height:42px;padding:0 13px;border-radius:16px;background:#fff;border:1px solid var(--auth-border);box-shadow:0 4px 0 #e8eee9;display:flex;align-items:center;gap:7px;color:#4d6758}.haq-login-layout{display:grid;grid-template-columns:1fr minmax(360px,430px);gap:26px;align-items:stretch;min-height:calc(100dvh - 112px)}.haq-login-showcase{align-self:stretch;border-radius:29px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(125deg,#073e2c,#136447 65%,#27835a);color:#fff;box-shadow:0 8px 0 #073523,0 24px 50px rgba(22,86,54,.18);position:relative;overflow:hidden}.haq-login-showcase:before{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:-120px;top:-130px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.018)}.showcase-logo{width:138px;height:150px;border-radius:32px;background:linear-gradient(140deg,#fff0c8,#d2b779);display:grid;place-items:center;box-shadow:0 6px 0 #ac925a,0 18px 28px rgba(0,41,24,.28);transform:rotate(-4deg);position:relative;z-index:1}.showcase-logo img{width:118px;height:118px;object-fit:contain}.showcase-title{margin-top:25px;font:700 30px/1.5 var(--auth-arabic);position:relative;z-index:1}.showcase-sub{color:#e1ebd5;position:relative;z-index:1}.showcase-line{display:flex;align-items:center;gap:10px;width:210px;margin:14px 0;color:#efdda9}.showcase-line span{height:1px;flex:1;background:rgba(239,221,169,.5)}.showcase-portal{padding:8px 22px;border-radius:999px;background:#efdda9;color:#654f22;font-weight:700;box-shadow:0 4px 0 #c4aa6b}.haq-login-showcase p{max-width:520px;color:#dceadb;margin:18px 0}.showcase-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:480px}.showcase-mini-cards span{min-height:80px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 4px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff}.showcase-mini-cards svg{color:#efdda9}
.haq-login-card{align-self:center;background:#fff;border:1px solid #e8ece9;border-radius:28px;padding:30px 28px;box-shadow:0 8px 0 #e6eee8,0 24px 50px rgba(24,60,37,.10);transform-style:preserve-3d}.haq-login-logo-mobile{text-align:center}.haq-login-logo-mobile img{width:86px;height:86px;object-fit:contain}.haq-login-kicker{text-align:center;color:#7f8d84;font:700 10px/1.3 var(--auth-latin);letter-spacing:.14em}.haq-login-card h1{text-align:center;color:#164d36;font:700 26px/1.7 var(--auth-arabic);margin:4px 0}.haq-login-sub{text-align:center;color:#7a8980;font-size:12px;margin:0 0 18px}.haq-alert,.login-alert{display:flex;align-items:center;gap:8px;border-radius:14px;padding:10px 12px;margin:9px 0}.haq-alert.error,.login-alert.error{background:#fff0ec;color:#a35a48}.haq-alert.info,.login-alert.info{background:#fff8eb;color:#83704d}.haq-login-form,.login-form{display:grid;gap:13px}.haq-field>span,.login-form label>span{display:block;font-size:11px;color:#627268;margin-bottom:5px}.haq-input-wrap,.login-input{min-height:50px;border:1px solid #e3e9e4;border-radius:15px;background:#fbfdfb;display:flex;align-items:center;gap:9px;padding:0 12px;box-shadow:0 3px 0 #eef2ef}.haq-input-wrap:focus-within,.login-input:focus-within{border-color:#7aa58a;box-shadow:0 0 0 3px rgba(72,153,112,.10),0 3px 0 #d7e5da}.haq-input-wrap input,.login-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#263f32;font-family:var(--auth-latin)}.haq-input-wrap button{border:0;background:none;color:#8a978f}.haq-login-meta{display:flex;justify-content:space-between}.haq-login-meta a{font-size:11px;color:#386b4b}.haq-login-submit,.login-primary{min-height:52px;border:0;border-radius:16px;background:#174e36;color:#fff;box-shadow:0 5px 0 #0d3524,0 12px 20px rgba(23,78,54,.16);display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 18px;font-weight:700}.haq-login-submit b,.login-primary .ui-icon{width:38px;height:38px;border-radius:12px;background:#efdda9;color:#654f22;display:grid;place-items:center;box-shadow:0 3px 0 #c4aa6b}.haq-login-submit b .ui-icon{width:20px;height:20px}.haq-login-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#96a099}.haq-login-divider span{height:1px;flex:1;background:#edf0ed}.haq-login-divider em{font-style:normal;font-size:10px}.haq-login-secondary{display:grid;gap:8px}.haq-login-secondary a,.haq-install-auth{min-height:44px;border:1px solid #e4e9e5;border-radius:14px;background:#f9fbf9;display:flex;align-items:center;justify-content:center;gap:8px;color:#496655}.haq-install-auth{width:100%}.haq-login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#8a978f;font-size:10px;margin-top:14px}
/* Shared activate/forgot shell */
.talaba-auth-body.login-screen{min-height:100dvh;background:#f7faf7}.login-app-shell{min-height:100dvh;display:grid;grid-template-columns:1fr minmax(360px,430px);gap:26px;max-width:1120px;margin:auto;padding:22px;align-items:center}.login-brand-zone{min-height:650px;border-radius:29px;position:relative;overflow:hidden;background:linear-gradient(125deg,#073e2c,#136447 65%,#27835a) url('../images/haqqania-building.jpg') center/cover no-repeat;background-blend-mode:multiply;box-shadow:0 8px 0 #073523,0 24px 50px rgba(22,86,54,.18)}.login-brand-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,62,44,.30),rgba(7,62,44,.82))}.login-mobile-top{position:absolute;z-index:2;inset:18px 18px auto;display:flex;justify-content:space-between}.login-lang,.login-back{min-height:40px;border-radius:14px;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:6px;padding:0 11px}.login-brand-content{position:absolute;z-index:2;inset:auto 30px 54px;text-align:center;color:#fff}.login-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}.login-brand-content h1{font:700 30px/1.6 var(--auth-arabic);margin:10px 0 0}.login-brand-content p{margin:0;color:#efdda9;font:700 11px/1.3 var(--auth-latin);letter-spacing:.14em}.login-brand-content span{color:#dceadb;font-size:12px}.login-sheet{border-radius:28px;background:#fff;padding:28px;box-shadow:0 8px 0 #e6eee8,0 24px 50px rgba(24,60,37,.10);border:1px solid #e8ece9}.login-sheet-handle{display:none}.login-form-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.login-form-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#489970,#17603d);color:#fff;box-shadow:0 4px 0 #10482d;display:grid;place-items:center;flex:none}.login-form-head h2{font:700 23px/1.5 var(--auth-arabic);margin:0}.login-form-head p{font-size:11px;color:#7a8980;margin:0}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;color:#8a978f;font-size:10px;margin-top:16px}.login-activate{min-height:44px;border-radius:14px;border:1px solid #e4e9e5;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#496655}
/* Intro */
.intro-screen{min-height:100dvh;background:#f7faf7}.intro-app{min-height:100dvh;max-width:430px;margin:auto;position:relative;overflow:hidden;background:#fff;border-inline:1px solid #e8ece9;box-shadow:0 0 60px rgba(24,60,37,.08)}.intro-photo{position:absolute;inset:0;background:url('../images/haqqania-building.jpg') center/cover no-repeat;opacity:.18}.intro-green{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,62,44,.97) 0%,rgba(19,100,71,.92) 45%,rgba(255,255,255,.90) 72%,#fff 100%)}.intro-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 30% 15%,rgba(239,221,169,.16) 0 1px,transparent 2px);background-size:26px 26px;opacity:.55}.intro-light{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(30px);background:rgba(239,221,169,.16)}.intro-light-a{right:-90px;top:90px}.intro-light-b{left:-100px;bottom:110px}.intro-top{position:relative;z-index:3;display:flex;justify-content:space-between;padding:18px}.intro-lang,.intro-skip{min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;display:flex;align-items:center;gap:6px;padding:0 12px}.intro-content{position:relative;z-index:2;padding:25px 22px 150px;text-align:center}.intro-logo-orbit{width:142px;height:152px;border-radius:34px;margin:30px auto 18px;background:linear-gradient(140deg,#fff0c8,#d2b779);display:grid;place-items:center;box-shadow:0 6px 0 #ac925a,0 18px 30px rgba(0,41,24,.28);position:relative;animation:auth-float 3.2s ease-in-out infinite}.intro-logo-orbit img{width:120px;height:120px;object-fit:contain;position:relative;z-index:2}.orbit{position:absolute;inset:-12px;border:1px solid rgba(239,221,169,.35);border-radius:40px;animation:auth-orbit 8s linear infinite}.orbit.two{inset:-25px;opacity:.45;animation-duration:12s;animation-direction:reverse}.intro-copy{color:#fff}.intro-kicker{display:inline-block;padding:5px 13px;border-radius:999px;background:#efdda9;color:#654f22;font-weight:700;font-size:11px}.intro-copy h1{font:700 31px/1.65 var(--auth-arabic);margin:10px 0 0}.intro-copy h2{font:700 21px/1.5 var(--auth-arabic);margin:0}.intro-copy p{color:#e1ebd5;font-size:12px}.intro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.intro-features span{min-height:82px;border-radius:18px;background:rgba(255,255,255,.11);color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.intro-features i{width:36px;height:36px;border-radius:12px;background:#efdda9;color:#654f22;display:grid;place-items:center;font-style:normal}.intro-bottom{position:absolute;z-index:3;left:18px;right:18px;bottom:22px;background:#fff;border-radius:22px;padding:16px;text-align:center;box-shadow:0 5px 0 #e6eee8,0 18px 30px rgba(24,60,37,.10)}.intro-arabic{font:700 25px/1.6 var(--auth-arabic);color:#164d36}.intro-progress{display:flex;justify-content:center;gap:5px;margin-top:7px}.intro-progress i{width:7px;height:7px;border-radius:50%;background:#dce6de}.intro-progress i:first-child{background:#dbbf73;animation:auth-pop 1.3s infinite}
@keyframes auth-float{50%{transform:translateY(-7px)}}@keyframes auth-orbit{to{transform:rotate(360deg)}}@keyframes auth-pop{50%{transform:scale(1.35)}}
@media(max-width:820px){.haq-login-page{padding:0}.haq-login-top{padding:12px 15px}.haq-login-layout{display:block;min-height:auto}.haq-login-showcase{display:none}.haq-login-card{width:min(calc(100% - 28px),430px);margin:8px auto 18px;border-radius:26px;padding:24px 20px}.haq-login-building{opacity:.11}.login-app-shell{display:block;padding:0;max-width:430px;background:#fff}.login-brand-zone{min-height:39dvh;border-radius:0 0 34px 34px;box-shadow:0 6px 0 #073523}.login-brand-content{inset:auto 18px 22px}.login-brand-content h1{font-size:25px}.login-logo{width:82px;height:82px}.login-sheet{position:relative;margin:-9px 14px 20px;padding:23px 19px;border-radius:25px;z-index:4}.login-sheet-handle{display:block;width:42px;height:4px;background:#dce5dd;border-radius:999px;margin:-10px auto 15px}.haq-login-brand span{display:none}.haq-login-card h1{font-size:23px}.haq-login-logo-mobile img{width:76px;height:76px}}
@media(max-height:700px) and (max-width:820px){.haq-login-top{padding-block:7px}.haq-login-card{padding:16px 18px}.haq-login-logo-mobile img{width:60px;height:60px}.haq-login-card h1{font-size:20px}.haq-login-sub{margin-bottom:10px}.haq-login-form{gap:9px}.haq-input-wrap{min-height:46px}.haq-login-submit{min-height:48px}.haq-login-divider{margin:11px 0}.login-brand-zone{min-height:31dvh}.login-brand-content .login-logo{width:65px;height:65px}.login-brand-content h1{font-size:21px}.login-sheet{padding:18px}.login-form{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}