:root{
  --brown-950:#2f1b05;--brown-900:#442805;--brown-800:#5b3a0a;--brown-700:#6e4b12;--brown-600:#7a5719;
  --gold-700:#a97820;--gold-600:#b98a2b;--gold-500:#c9a34c;--gold-300:#e6cf96;--gold-200:#f2e3bd;
  --cream-50:#fffdf9;--cream-100:#fbf5e9;--cream-200:#f4ead5;--cream-300:#ead9b3;
  --green-900:#0f3528;--green-800:#154936;--text:#30271b;--muted:#786d60;
  --ur:'Noto Naskh Arabic','Amiri',serif;--en:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shadow-lg:0 24px 70px rgba(47,27,5,.24);--shadow-md:0 14px 34px rgba(73,50,12,.16);--shadow-sm:0 8px 22px rgba(73,50,12,.10);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f0df;color:var(--text)}body{font-family:var(--ur);overflow-x:hidden}html[lang="en"] body{font-family:var(--en)}a{text-decoration:none;color:inherit}button,input{font:inherit}.ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9}.directional{transition:transform .25s}html[dir="ltr"] .directional{transform:rotate(180deg)}
.haq-auth-body{min-height:100dvh}
/* INTRO */
.haq-intro{position:relative;min-height:100dvh;overflow:hidden;display:flex;isolation:isolate;background:#3a2207;color:#fff7e8}
.haq-intro-building{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-5;filter:saturate(.9) contrast(.98);animation:haqBgBreath 12s ease-in-out infinite alternate}
.haq-intro-overlay{position:absolute;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(29,16,3,.56) 0%,rgba(55,31,5,.50) 36%,rgba(31,18,3,.83) 78%,rgba(22,12,2,.94) 100%)}
.haq-intro:after{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 22%,rgba(255,228,159,.22),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 18%,transparent 82%,rgba(0,0,0,.12));pointer-events:none}
.haq-pattern{position:absolute;width:360px;height:360px;opacity:.11;pointer-events:none;background-image:repeating-conic-gradient(from 30deg,rgba(230,207,150,.9) 0 2deg,transparent 2deg 30deg);mask:radial-gradient(circle,#000 0 54%,transparent 55%);z-index:-1}.haq-pattern-a{inset:-155px auto auto -130px;animation:haqSpin 28s linear infinite}.haq-pattern-b{inset:auto -150px -140px auto;animation:haqSpinReverse 34s linear infinite}.haq-light-orb{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none;z-index:-2}.orb-a{width:280px;height:280px;background:rgba(226,186,91,.14);top:10%;left:50%;transform:translateX(-50%);animation:haqOrb 4s ease-in-out infinite alternate}.orb-b{width:190px;height:190px;background:rgba(30,95,64,.14);right:4%;bottom:7%;animation:haqOrb2 5.5s ease-in-out infinite alternate}
.haq-intro-top{position:absolute;z-index:10;top:max(14px,env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between}.haq-lang-chip,.haq-skip{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(242,227,189,.32);border-radius:13px;background:rgba(42,24,4,.34);backdrop-filter:blur(10px);color:#fff2d5;padding:7px 11px;font-size:11px;line-height:1.5;box-shadow:0 8px 22px rgba(0,0,0,.12)}.haq-lang-chip .ui-icon{width:16px;height:16px}.haq-skip{font-size:10px;color:rgba(255,247,232,.78)}
.haq-intro-content{width:min(100%,520px);min-height:100dvh;margin:auto;padding:70px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}
.haq-logo-stage{width:180px;height:180px;display:grid;place-items:center;position:relative;margin-bottom:8px;opacity:0;animation:haqLogoStage .9s .1s cubic-bezier(.2,.9,.2,1) forwards}.haq-logo-rays{position:absolute;inset:-42px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(237,207,139,.0) 0 8deg,rgba(237,207,139,.30) 9deg,rgba(237,207,139,0) 10deg 18deg);mask:radial-gradient(circle,transparent 0 55%,#000 57%,transparent 76%);animation:haqSpin 22s linear infinite}.haq-logo-ring{position:absolute;border:1px solid rgba(242,227,189,.55);border-radius:50%;box-shadow:0 0 35px rgba(218,169,61,.16)}.ring-one{inset:4px;animation:haqRingPulse 2.8s ease-in-out infinite}.ring-two{inset:15px;border-style:dashed;opacity:.55;animation:haqSpinReverse 13s linear infinite}.haq-logo-card{width:142px;height:142px;border-radius:34px;display:grid;place-items:center;padding:10px;background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(246,231,197,.95));border:1px solid rgba(255,238,199,.86);box-shadow:0 24px 50px rgba(20,10,1,.38),0 0 0 7px rgba(255,255,255,.05)}.haq-logo-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(28,16,2,.16))}
.haq-intro-copy{opacity:0;transform:translateY(12px);animation:haqRise .7s .65s forwards}.haq-bismillah{color:#ecd7a4;font-size:11px;line-height:2;margin-bottom:5px}.haq-intro-copy h1{margin:0;color:#fff3d5;font-size:28px;line-height:1.95;font-weight:700;text-shadow:0 8px 22px rgba(0,0,0,.28)}.haq-intro-copy h2{margin:2px 0 0;color:#f4d991;font-size:16px;line-height:1.9;font-weight:600}.haq-intro-copy p{margin:4px 0 0;color:rgba(255,246,226,.76);font-size:11px;line-height:1.9}.haq-ornament{display:flex;align-items:center;justify-content:center;gap:8px;height:15px;margin:2px 0}.haq-ornament span{width:42px;height:1px;background:linear-gradient(90deg,transparent,#e2c37c)}.haq-ornament span:last-child{background:linear-gradient(90deg,#e2c37c,transparent)}.haq-ornament i{font:7px var(--en);font-style:normal;color:#e7cb8e}
.haq-feature-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0 16px}.haq-feature{min-width:0;min-height:92px;border:1px solid rgba(240,215,160,.24);background:linear-gradient(180deg,rgba(58,34,8,.72),rgba(38,22,4,.82));backdrop-filter:blur(8px);border-radius:16px;padding:11px 5px 8px;box-shadow:0 10px 24px rgba(0,0,0,.14);opacity:0;transform:translateY(13px) scale(.96);animation:haqFeature .52s forwards}.haq-feature.f1{animation-delay:1.05s}.haq-feature.f2{animation-delay:1.12s}.haq-feature.f3{animation-delay:1.19s}.haq-feature.f4{animation-delay:1.26s}.haq-feature-icon{width:38px;height:38px;border-radius:12px;margin:0 auto 4px;display:grid;place-items:center;background:linear-gradient(145deg,#d2a33f,#f0d898);color:#442805;box-shadow:0 7px 16px rgba(198,151,46,.22)}.haq-feature-icon .ui-icon{width:20px;height:20px}.haq-feature strong{display:block;color:#fff3d5;font-size:10px;line-height:1.8;font-weight:600;white-space:nowrap}.haq-feature small{display:block;color:rgba(255,245,224,.58);font-size:7px;line-height:1.7;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.haq-intro-enter{width:min(100%,410px);min-height:56px;border-radius:18px;padding:7px 8px 7px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#154936,#0f3528 64%,#0b2b21);border:1px solid #d7b65e;color:#fff5dc;box-shadow:0 16px 36px rgba(0,0,0,.30),0 0 0 1px rgba(245,217,154,.15) inset;opacity:0;transform:translateY(14px);animation:haqRise .6s 1.45s forwards;position:relative;overflow:hidden}.haq-intro-enter:before{content:"";position:absolute;inset:-40% auto -40% -28%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);animation:haqShine 3.2s 2s infinite}.haq-intro-enter span{font-size:14px;line-height:1.9}.haq-intro-enter b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e4c472,#b98527);color:#3e2507;box-shadow:0 6px 16px rgba(0,0,0,.20)}.haq-intro-enter b .ui-icon{width:18px;height:18px}.haq-intro-enter:active{transform:scale(.985)}
.haq-intro-progress{width:104px;height:3px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;opacity:0;animation:haqRise .4s 1.72s forwards}.haq-intro-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d9ac4b,#f4dc9b);animation:haqProgress 4.8s 1.75s linear forwards}.haq-intro-foot{margin-top:8px;color:rgba(255,246,225,.46);font-size:8px;line-height:1.7;opacity:0;animation:haqRise .4s 1.85s forwards}.haq-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#efd28d;box-shadow:0 0 12px rgba(239,210,141,.8);opacity:.2;animation:haqParticle linear infinite}
/* LOGIN */
.haq-login-page{position:relative;min-height:100dvh;overflow:hidden;background:#f7f0df;color:var(--text);isolation:isolate}.haq-login-building{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-5;filter:saturate(.82) brightness(1.02)}.haq-login-wash{position:absolute;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(255,251,241,.76),rgba(255,247,231,.93) 38%,rgba(247,239,220,.97) 100%)}.login-pattern-a{opacity:.05;top:-160px;left:-130px}.login-pattern-b{opacity:.05;right:-130px;bottom:-150px}
.haq-login-top{height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;max-width:1240px;margin:auto}.haq-login-brand{display:flex;align-items:center;gap:9px;min-width:0}.haq-login-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(63,39,7,.15))}.haq-login-brand span{display:flex;flex-direction:column;min-width:0}.haq-login-brand strong{font-size:13px;line-height:1.8;color:#563708;white-space:nowrap}.haq-login-brand small{font-size:8px;line-height:1.5;color:#89775b}.haq-lang-chip.light{background:rgba(255,253,249,.82);border-color:rgba(157,116,38,.22);color:#68450b;box-shadow:var(--shadow-sm)}
.haq-login-layout{width:min(100%,1160px);min-height:calc(100dvh - 72px);margin:auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;align-items:center;gap:20px}.haq-login-showcase{display:none}.haq-login-card{width:min(100%,470px);margin:auto;background:linear-gradient(180deg,rgba(255,253,249,.97),rgba(250,242,224,.98));border:1px solid rgba(213,185,126,.55);border-radius:28px;padding:24px 18px 18px;box-shadow:0 28px 70px rgba(74,45,7,.22),0 0 0 1px rgba(255,255,255,.60) inset;backdrop-filter:blur(14px);opacity:0;transform:translateY(22px) scale(.985);animation:haqLoginCard .72s .1s cubic-bezier(.2,.82,.2,1) forwards;position:relative;overflow:hidden}.haq-login-card:before{content:"";position:absolute;inset:-100px -120px auto auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(213,174,82,.17),transparent 68%);pointer-events:none}.haq-login-logo-mobile{width:102px;height:102px;border-radius:27px;margin:-2px auto 7px;padding:9px;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf9,#f2dfb4);border:1px solid #e4c77d;box-shadow:0 14px 30px rgba(82,51,8,.13)}.haq-login-logo-mobile img{width:100%;height:100%;object-fit:contain}.haq-login-kicker{text-align:center;color:#987026;font:700 8px/1.4 var(--en);letter-spacing:.14em;margin-top:3px}.haq-login-card h1{text-align:center;margin:4px 0 0;color:#4d3108;font-size:22px;line-height:2;font-weight:700}.haq-login-sub{text-align:center;margin:0 0 13px;color:#7d6f5c;font-size:10px;line-height:1.9}.haq-alert{display:flex;align-items:flex-start;gap:8px;border-radius:13px;padding:9px 10px;margin-bottom:10px;font-size:10px;line-height:1.8}.haq-alert .ui-icon{width:16px;height:16px;flex:none;margin-top:3px}.haq-alert.info{background:#eef5f0;color:#285d49;border:1px solid #d6e7dc}.haq-alert.error{background:#fff0ed;color:#a34c40;border:1px solid #f2d4cf}.haq-login-form{display:grid;gap:11px}.haq-field>span{display:block;margin-bottom:4px;color:#66563e;font-size:10px;line-height:1.7}.haq-input-wrap{height:52px;border-radius:14px;border:1px solid #dfcfad;background:rgba(255,253,249,.91);display:flex;align-items:center;gap:9px;padding:0 13px;box-shadow:0 5px 14px rgba(79,49,7,.05);transition:border-color .18s,box-shadow .18s,transform .18s}.haq-input-wrap:focus-within{border-color:#b8892e;box-shadow:0 0 0 4px rgba(184,137,46,.11),0 9px 20px rgba(79,49,7,.08);transform:translateY(-1px)}.haq-input-wrap>.ui-icon{color:#9b742a;flex:none}.haq-input-wrap input{width:100%;height:100%;border:0;background:transparent;outline:0;color:#352a1c;font-family:var(--en);font-size:14px;text-align:start;direction:ltr}.haq-input-wrap button{border:0;background:transparent;color:#907a58;padding:6px;cursor:pointer}.haq-login-meta{display:flex;justify-content:space-between;align-items:center;min-height:20px}.haq-login-meta a{color:#7b5615;font-size:9px;line-height:1.7;text-decoration:underline;text-decoration-color:rgba(123,86,21,.28);text-underline-offset:4px}.haq-login-submit{width:100%;height:56px;border:1px solid #d1a74c;border-radius:17px;padding:6px 8px 6px 18px;background:linear-gradient(135deg,#154936,#103b2d 70%,#0c3025);color:#fff6df;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 13px 27px rgba(19,67,51,.24),0 0 0 1px rgba(255,255,255,.08) inset;transition:transform .14s,box-shadow .18s;position:relative;overflow:hidden}.haq-login-submit:before{content:"";position:absolute;inset:-50% auto -50% -22%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-22deg);animation:haqShine 3.5s 1.6s infinite}.haq-login-submit span{font-size:14px;line-height:1.8}.haq-login-submit b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e3c272,#b7872b);color:#422808}.haq-login-submit:active{transform:scale(.985)}.haq-login-divider{display:flex;align-items:center;gap:10px;margin:13px 0 10px}.haq-login-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d9c8a7)}.haq-login-divider span:last-child{background:linear-gradient(90deg,#d9c8a7,transparent)}.haq-login-divider em{font-style:normal;color:#9d8b6e;font-size:9px}.haq-login-secondary{display:grid;gap:8px}.haq-login-secondary a,.haq-install-auth{width:100%;min-height:46px;border:1px solid #ddc89f;border-radius:14px;background:rgba(255,249,236,.76);color:#68450c;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;font-size:10px;line-height:1.8;cursor:pointer;box-shadow:0 5px 14px rgba(73,50,12,.05);transition:transform .14s,box-shadow .18s}.haq-login-secondary a:active,.haq-install-auth:active{transform:scale(.985)}.haq-login-secondary .ui-icon{width:17px;height:17px;color:#a17828}.haq-login-security{margin-top:11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8b7c67;font-size:8px;line-height:1.7}.haq-login-security .ui-icon{width:14px;height:14px;color:#9c772f}
@media(min-width:860px){.haq-login-layout{grid-template-columns:minmax(0,1.1fr) minmax(380px,.78fr);gap:34px}.haq-login-showcase{min-height:650px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(44,25,4,.24),rgba(38,21,3,.66)),url('../images/haqqania-building.jpg') center/cover no-repeat;border:1px solid rgba(226,197,129,.35);box-shadow:var(--shadow-lg);color:#fff2d3}.haq-login-showcase:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(255,226,151,.22),transparent 30%);pointer-events:none}.showcase-logo{width:170px;height:170px;padding:13px;border-radius:34px;background:rgba(255,251,242,.92);border:1px solid #e4c574;box-shadow:0 22px 46px rgba(0,0,0,.28);z-index:1;animation:haqFloat 4s ease-in-out infinite}.showcase-logo img{width:100%;height:100%;object-fit:contain}.showcase-title,.showcase-sub,.showcase-line,.showcase-portal,.haq-login-showcase p,.showcase-mini-cards{position:relative;z-index:1}.showcase-title{margin-top:17px;font-size:34px;line-height:1.9;font-weight:700;text-shadow:0 8px 22px rgba(0,0,0,.28)}.showcase-sub{font-size:15px;line-height:1.8;color:#f0d38f}.showcase-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:5px 0}.showcase-line span{width:56px;height:1px;background:linear-gradient(90deg,transparent,#efcf84)}.showcase-line span:last-child{background:linear-gradient(90deg,#efcf84,transparent)}.showcase-line i{font:8px var(--en);font-style:normal}.showcase-portal{display:inline-flex;margin-top:4px;border:1px solid #d7ad4d;border-radius:999px;padding:6px 18px;background:rgba(40,22,3,.55);font-size:13px;line-height:1.7}.haq-login-showcase p{max-width:510px;margin:10px auto 17px;font-size:11px;line-height:1.9;color:rgba(255,245,222,.78)}.showcase-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,480px)}.showcase-mini-cards span{min-height:82px;border-radius:17px;border:1px solid rgba(230,201,137,.28);background:rgba(45,26,5,.55);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;box-shadow:0 12px 25px rgba(0,0,0,.12)}.showcase-mini-cards .ui-icon{color:#efd082;width:23px;height:23px}.haq-login-card{margin-inline:0;padding:30px 27px 23px}.haq-login-logo-mobile{width:116px;height:116px}.haq-login-card h1{font-size:25px}.haq-login-sub{font-size:11px}.haq-login-brand strong{font-size:14px}.haq-login-brand small{font-size:9px}}
@media(max-width:420px){.haq-intro-content{padding-inline:12px}.haq-logo-stage{width:166px;height:166px}.haq-logo-card{width:132px;height:132px}.haq-intro-copy h1{font-size:25px}.haq-feature{min-height:86px;padding-inline:3px}.haq-feature strong{font-size:9px}.haq-feature small{font-size:6.6px}.haq-login-top{padding-inline:12px}.haq-login-brand strong{font-size:11px}.haq-login-brand small{font-size:7px}.haq-login-card{padding-inline:14px;border-radius:24px}}
@media(max-height:690px) and (max-width:859px){.haq-intro-content{justify-content:flex-start;padding-top:68px}.haq-logo-stage{width:145px;height:145px}.haq-logo-card{width:116px;height:116px}.haq-intro-copy h1{font-size:22px}.haq-feature-grid{margin:10px 0}.haq-feature{min-height:74px}.haq-feature-icon{width:32px;height:32px}.haq-intro-enter{min-height:50px}.haq-login-layout{align-items:start}.haq-login-card{padding-top:17px}.haq-login-logo-mobile{width:82px;height:82px}}
@keyframes haqBgBreath{from{transform:scale(1.01)}to{transform:scale(1.055)}}@keyframes haqSpin{to{transform:rotate(360deg)}}@keyframes haqSpinReverse{to{transform:rotate(-360deg)}}@keyframes haqOrb{from{opacity:.45;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1.12)}}@keyframes haqOrb2{from{opacity:.35;transform:scale(.9)}to{opacity:.8;transform:scale(1.15)}}@keyframes haqLogoStage{from{opacity:0;transform:translateY(18px) scale(.72) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes haqRingPulse{0%,100%{transform:scale(.96);opacity:.5}50%{transform:scale(1.04);opacity:1}}@keyframes haqRise{to{opacity:1;transform:none}}@keyframes haqFeature{to{opacity:1;transform:none}}@keyframes haqShine{0%,62%{left:-30%}100%{left:135%}}@keyframes haqProgress{to{width:100%}}@keyframes haqLoginCard{to{opacity:1;transform:none}}@keyframes haqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes haqParticle{0%{transform:translateY(12px) scale(.6);opacity:0}15%{opacity:.55}100%{transform:translateY(-120px) scale(1.1);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.haq-logo-stage,.haq-intro-copy,.haq-feature,.haq-intro-enter,.haq-intro-progress,.haq-intro-foot,.haq-login-card{opacity:1!important;transform:none!important}}

/* =========================================================
   V19 — MOBILE 100DVH LOGIN FIT
   Desktop rules above remain untouched.
   ========================================================= */
@media (max-width:859px){
  html,body{height:100%;min-height:100%;overflow:hidden;background:#f7f0df}
  .haq-auth-body{height:100dvh;min-height:100dvh;overflow:hidden}
  .haq-login-page{
    height:100dvh;
    min-height:100dvh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#f7f0df;
  }
  .haq-login-building{
    display:block;
    object-position:center 48%;
    filter:saturate(.78) brightness(.98);
    transform:scale(1.035);
  }
  .haq-login-wash{
    background:
      linear-gradient(180deg,rgba(255,252,244,.89) 0%,rgba(250,242,224,.95) 45%,rgba(247,239,220,.98) 100%),
      radial-gradient(circle at 50% 28%,rgba(214,178,96,.12),transparent 38%);
  }
  .haq-login-top{
    flex:0 0 58px;
    height:58px;
    width:100%;
    padding:8px 14px;
    margin:0;
    background:rgba(255,253,249,.76);
    border-bottom:1px solid rgba(203,170,102,.18);
    box-shadow:0 6px 20px rgba(73,50,12,.05);
    backdrop-filter:blur(12px);
  }
  .haq-login-brand{gap:7px;max-width:72%}
  .haq-login-brand img{width:38px;height:38px}
  .haq-login-brand strong{font-size:10.5px;line-height:1.75;overflow:hidden;text-overflow:ellipsis}
  .haq-login-brand small{font-size:6.7px;line-height:1.35}
  .haq-lang-chip.light{min-height:34px;padding:5px 9px;border-radius:11px;font-size:9px;box-shadow:0 5px 14px rgba(73,50,12,.07)}

  .haq-login-layout{
    flex:1 1 auto;
    width:100%;
    min-height:0;
    height:calc(100dvh - 58px);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .haq-login-showcase{display:none!important}
  .haq-login-card{
    width:min(100%,430px);
    max-height:100%;
    min-height:0;
    margin:0 auto;
    padding:14px 14px 12px;
    border-radius:22px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    box-shadow:0 18px 46px rgba(73,50,12,.16),0 0 0 1px rgba(255,255,255,.62) inset;
  }
  .haq-login-card::-webkit-scrollbar{display:none}
  .haq-login-logo-mobile{
    width:68px;
    height:68px;
    border-radius:18px;
    padding:6px;
    margin:0 auto 4px;
    box-shadow:0 9px 22px rgba(82,51,8,.11);
  }
  .haq-login-kicker{font-size:6.8px;letter-spacing:.12em;margin-top:1px}
  .haq-login-card h1{font-size:18px;line-height:1.9;margin:2px 0 0}
  .haq-login-sub{font-size:8.5px;line-height:1.75;margin:0 0 8px}
  .haq-alert{padding:7px 8px;margin-bottom:7px;font-size:8.5px;line-height:1.7;border-radius:11px}
  .haq-alert .ui-icon{width:14px;height:14px;margin-top:2px}
  .haq-login-form{gap:7px}
  .haq-field>span{font-size:8.5px;line-height:1.65;margin-bottom:2px}
  .haq-input-wrap{height:46px;border-radius:12px;padding:0 11px;gap:7px}
  .haq-input-wrap>.ui-icon{width:18px;height:18px}
  .haq-input-wrap input{font-size:13px}
  .haq-input-wrap button{padding:4px}
  .haq-login-meta{min-height:16px}
  .haq-login-meta a{font-size:8px;line-height:1.55}
  .haq-login-submit{height:50px;border-radius:14px;padding:5px 7px 5px 15px}
  .haq-login-submit span{font-size:12px;line-height:1.7}
  .haq-login-submit b{width:37px;height:37px}
  .haq-login-submit b .ui-icon{width:16px;height:16px}
  .haq-login-divider{margin:8px 0 7px;gap:8px}
  .haq-login-divider em{font-size:7.5px}
  .haq-login-secondary{gap:6px}
  .haq-login-secondary a,.haq-install-auth{min-height:39px;border-radius:12px;padding:6px 10px;font-size:8.5px;line-height:1.65}
  .haq-login-secondary .ui-icon{width:15px;height:15px}
  .haq-login-security{margin-top:7px;font-size:6.8px;line-height:1.55;gap:4px}
  .haq-login-security .ui-icon{width:12px;height:12px}
  .login-pattern-a,.login-pattern-b{opacity:.028}
}

/* Common shorter Android/iPhone viewports */
@media (max-width:859px) and (max-height:720px){
  .haq-login-top{flex-basis:52px;height:52px;padding-block:6px}
  .haq-login-brand img{width:34px;height:34px}
  .haq-login-layout{height:calc(100dvh - 52px);padding-block:7px calc(7px + env(safe-area-inset-bottom))}
  .haq-login-card{padding:10px 12px 9px;border-radius:19px}
  .haq-login-logo-mobile{width:56px;height:56px;border-radius:15px;margin-bottom:2px}
  .haq-login-kicker{font-size:6.2px}
  .haq-login-card h1{font-size:16.5px;line-height:1.82}
  .haq-login-sub{font-size:7.6px;margin-bottom:5px}
  .haq-login-form{gap:5px}
  .haq-input-wrap{height:42px}
  .haq-login-submit{height:46px}
  .haq-login-submit b{width:34px;height:34px}
  .haq-login-divider{margin:6px 0 5px}
  .haq-login-secondary a,.haq-install-auth{min-height:35px;padding-block:4px}
  .haq-login-security{margin-top:5px}
}

/* Very short landscape / keyboard-open fallback: allow only card content to scroll. */
@media (max-width:859px) and (max-height:560px){
  .haq-login-top{display:none}
  .haq-login-layout{height:100dvh;padding:6px 10px calc(6px + env(safe-area-inset-bottom));align-items:stretch}
  .haq-login-card{align-self:stretch;margin:auto;max-height:100%;padding-top:8px}
  .haq-login-logo-mobile{width:44px;height:44px}
  .haq-login-card h1{font-size:15px}
  .haq-login-sub{display:none}
}