
:root{color-scheme:dark;--login-bg:#031915;--login-panel:rgba(5,37,30,.68);--login-input:rgba(64,91,116,.58);--login-input-border:rgba(178,213,224,.32);--login-border:rgba(187,213,199,.18);--login-ink:#f4f3ee;--login-muted:#b9cdc1;--login-accent:#e5bf73;--login-accent-ink:#15392d;--login-line:rgba(229,191,115,.35)}
*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;-webkit-text-size-adjust:100%}
body.aimma-login-page{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 12% 22%,rgba(34,104,79,.26),transparent 34%),radial-gradient(circle at 88% 18%,rgba(229,191,115,.16),transparent 30%),linear-gradient(135deg,#041d18,#06231e 42%,#02120f 100%);color:var(--login-ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;display:grid;place-items:center;padding:clamp(14px,2.3vw,30px);overflow-x:hidden}
body.aimma-login-page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 6% 50%,rgba(228,193,116,.09),transparent 28%),radial-gradient(circle at 95% 72%,rgba(255,255,255,.04),transparent 22%)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e5bf73;outline-offset:3px}
.login-shell{direction:inherit;position:relative;z-index:1;width:min(1160px,100%);min-height:min(740px,calc(100dvh - 54px));display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;border:1px solid rgba(226,234,229,.22);border-radius:30px;background:rgba(4,30,24,.36);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 95px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05)}
.login-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),transparent 28%,transparent 72%,rgba(255,255,255,.02));pointer-events:none}
.login-form-side{grid-column:1;min-width:0;display:flex;flex-direction:column;background:rgba(2,28,23,.28);padding:30px clamp(30px,5vw,64px) 22px;border-inline-end:1px solid rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.auth-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:47px}.auth-mini-brand{display:flex;align-items:center;gap:12px;color:#fffaf4;font-weight:800;font-size:16px;white-space:nowrap}.mini-emblem{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(229,191,115,.42);border-radius:14px;color:var(--login-accent);background:rgba(229,191,115,.08);font-size:24px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.auth-tools{display:flex;align-items:center;gap:10px}.language-button,.auth-theme-button{height:38px;min-width:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(204,229,218,.18);background:rgba(4,34,27,.24);color:#d9ebe1;display:grid;place-items:center;font-size:13px;font-weight:800;line-height:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.language-button:hover,.auth-theme-button:hover{background:rgba(229,191,115,.14);color:white}.auth-theme-button{font-size:18px}
.auth-form-area{width:min(430px,100%);margin:auto;display:flex;flex-direction:column;padding:42px 0 44px}.auth-eyebrow{color:var(--login-accent);font-size:12px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow-dot{width:10px;height:10px;border-radius:50%;background:var(--login-accent);box-shadow:0 0 0 5px rgba(229,191,115,.14)}.auth-form-area h1{margin:18px 0 6px;font-size:clamp(40px,4vw,62px);line-height:1.08;font-weight:900;letter-spacing:-1.8px;color:white}.auth-lead{margin:2px 0 28px;color:#d7e1db;font-size:15px}.auth-form{display:grid;gap:12px}.auth-form label{color:white;display:block;font-size:14px;font-weight:780;margin:2px 0 -1px}
.auth-input-wrap{position:relative;display:flex;align-items:center;min-width:0}.auth-input-wrap input{display:block;min-width:0;width:100%;height:58px;padding:12px 52px;border:1px solid var(--login-input-border);border-radius:16px;background:var(--login-input);color:var(--login-ink);font-size:15px;line-height:1.2;box-shadow:inset 0 1px 2px rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .18s,background .18s,box-shadow .18s}.auth-input-wrap input::placeholder{color:#b8c9d2;opacity:.92}.auth-input-wrap input:focus{outline:none;border-color:#e2c07b;box-shadow:0 0 0 4px rgba(229,191,115,.14)}.auth-input-wrap .field-icon{position:absolute;inset-inline-start:18px;width:20px;height:20px;color:#e1edf0cc;pointer-events:none}.auth-password-wrap input{padding-inline-end:56px}.password-visibility{position:absolute;inset-inline-end:10px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#d2dfe4;border-radius:12px;cursor:pointer}.password-visibility:hover,.password-visibility[aria-pressed="true"]{color:var(--login-accent);background:rgba(255,255,255,.08)}.password-visibility svg{width:20px;height:20px}.caps-hint{font-size:12px;color:#f3ca84;margin:0;line-height:1.4}
.auth-submit{width:100%;height:60px;border:0;margin-top:12px;border-radius:16px;background:linear-gradient(135deg,#f2d58f,#d6a955);color:var(--login-accent-ink);display:flex;align-items:center;justify-content:center;gap:13px;font-size:17px;font-weight:900;box-shadow:0 14px 34px rgba(214,169,85,.18);transition:transform .18s,filter .18s,box-shadow .18s}.auth-submit:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 17px 40px rgba(214,169,85,.26)}.auth-submit:active{transform:translateY(0)}.auth-submit svg{width:19px;height:19px;flex-shrink:0}.auth-error{display:flex;align-items:center;gap:9px;border:1px solid rgba(244,163,141,.33);background:rgba(185,72,52,.18);color:#ffcec2;padding:11px 13px;border-radius:13px;margin-bottom:17px;font-weight:650;font-size:13px}.auth-error svg{width:19px;height:19px;flex:0 0 19px}.auth-form-foot{display:flex;align-items:center;justify-content:center;gap:8px;color:#bfd0c8;font-size:12px;margin-top:28px}.auth-form-foot svg{width:17px;height:17px;color:#d9e7d3}.auth-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#aec1b7;font-size:11px;line-height:1.5;padding-top:10px}.auth-build{font-size:10px;letter-spacing:.5px;color:#d7bf8d}
.login-brand-side{grid-column:2;position:relative;display:flex;align-items:stretch;justify-content:center;padding:0;background:transparent}.login-brand-side::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));pointer-events:none}.brand-hero-frame{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:100%;background:#0b2a20}.brand-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.03) contrast(1.04) brightness(.92)}.brand-hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,22,17,.22),rgba(4,22,17,.16) 32%,rgba(4,22,17,.34) 100%),radial-gradient(circle at 52% 42%,rgba(229,191,115,.16),transparent 24%),linear-gradient(110deg,rgba(5,53,42,.45),transparent 30%,transparent 60%,rgba(229,191,115,.09) 100%)}.brand-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 56% 46%,rgba(255,220,140,.12),transparent 16%),radial-gradient(circle at 79% 11%,rgba(255,255,255,.08),transparent 10%),radial-gradient(circle at 20% 24%,rgba(255,255,255,.06),transparent 12%)}
.brand-topbar{position:absolute;z-index:3;top:28px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.brand-lockup{display:flex;align-items:flex-start;gap:14px;color:#f4e1b0}.brand-icon-box{flex:none;display:grid;place-items:center;height:58px;width:58px;border-radius:17px;color:#103b2f;font:normal 39px/1 "Segoe UI Symbol","DejaVu Sans",sans-serif;background:linear-gradient(145deg,#ffe5a5,#d8a349);box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28)}.brand-lockup-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.brand-lockup-text strong{font-size:28px;line-height:1.1;font-weight:900;color:#f2dba2;text-shadow:0 2px 10px rgba(0,0,0,.25)}.brand-lockup-text small{font-size:16px;color:#f2eee3;line-height:1.2;opacity:.95}.brand-edition{border:1px solid rgba(255,255,255,.3);padding:10px 18px;border-radius:14px;color:#ece3cf;background:rgba(255,255,255,.04);font-weight:800;font-size:13px;letter-spacing:1px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.brand-centerpiece{position:absolute;z-index:3;inset:110px 26px 92px 26px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.art-orbit{position:absolute;border-radius:50%;border:1px solid rgba(229,191,115,.28)}.orbit-one{width:360px;height:360px;max-width:74%;max-height:74%;top:50%;left:50%;transform:translate(-50%,-58%)}.orbit-two{width:250px;height:250px;max-width:52%;max-height:52%;top:50%;left:50%;transform:translate(-50%,-58%)}.art-center{position:relative;z-index:2;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;border:1px solid rgba(229,191,115,.55);background:radial-gradient(circle at 35% 30%,rgba(73,146,112,.7),rgba(11,87,63,.78));box-shadow:0 0 0 12px rgba(229,191,115,.07),0 18px 38px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.14)}.art-serving-icon{width:94px;height:94px;color:#f2dba2;opacity:.98}.art-stars{position:absolute;color:#e6c67c;font-size:28px;line-height:1}.star-a{top:24%;right:18%}.star-b{bottom:26%;left:16%}.art-ring-label{margin-top:28px;font:700 11px/1.5 system-ui,sans-serif;letter-spacing:2.8px;text-transform:uppercase;color:#f3d698}.brand-message{position:absolute;z-index:3;left:26px;right:26px;bottom:72px;text-align:center}.brand-slim-rule{width:68px;height:3px;border-radius:999px;background:#dcb86d;opacity:.95;margin:0 auto 24px}.brand-message h2{margin:0 0 10px;color:#fff7e7;font-size:clamp(24px,2.4vw,30px);line-height:1.25;font-weight:900;text-shadow:0 3px 18px rgba(0,0,0,.28)}.brand-message p{margin:0;color:#ecf1eb;font-size:16px;line-height:1.5}.brand-message p span{margin:0 12px;color:#ddb66b}.brand-panel-bottom{position:absolute;z-index:3;left:26px;right:26px;bottom:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f3d698;font:800 11px/1.2 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase}.brand-panel-bottom .brand-mark+span,.brand-panel-bottom span:last-child{font-weight:600;letter-spacing:.3px;text-transform:none;color:#f4f0e8;font-size:13px}
body.is-urdu{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu","Noto Sans Arabic",Tahoma,system-ui,sans-serif}.is-urdu .auth-mini-brand{font-family:inherit;font-size:21px;line-height:1.8}.is-urdu .auth-eyebrow{font-size:14px;letter-spacing:0}.is-urdu .auth-form-area h1{line-height:1.45;letter-spacing:0;font-size:clamp(32px,3.8vw,54px)}.is-urdu .auth-lead{font-size:15px;line-height:1.75}.is-urdu .auth-form label{font-size:16px;line-height:1.6}.is-urdu .auth-form-foot,.is-urdu .auth-error{font-size:14px;line-height:1.7}.is-urdu .auth-input-wrap input{font-family:Tahoma,Arial,sans-serif;text-align:left}.is-urdu .auth-submit{font-size:20px;line-height:1.3}.is-urdu .brand-lockup-text strong,.is-urdu .brand-lockup-text small,.is-urdu .brand-message h2,.is-urdu .brand-message p{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu","Noto Naskh Arabic",Tahoma,serif}.is-urdu .brand-lockup-text strong{font-size:44px;line-height:1.35}.is-urdu .brand-lockup-text small{font-size:22px;line-height:1.5;margin-top:-6px}
html[data-aimma-theme="light"]{color-scheme:light;--login-bg:#eaf2ec;--login-panel:rgba(255,255,255,.62);--login-input:rgba(224,235,241,.65);--login-input-border:rgba(73,117,133,.22);--login-border:rgba(34,113,79,.16);--login-ink:#17372c;--login-muted:#647e70;--login-accent:#22714f;--login-accent-ink:#fff}html[data-aimma-theme="light"] body.aimma-login-page{background:radial-gradient(circle at 10% 18%,rgba(162,210,184,.52),transparent 31%),radial-gradient(circle at 94% 10%,rgba(227,205,158,.3),transparent 22%),linear-gradient(135deg,#edf5ef,#dce9df 45%,#eef4ef 100%)}html[data-aimma-theme="light"] .login-shell{background:rgba(255,255,255,.34);border-color:rgba(95,128,111,.18);box-shadow:0 30px 75px rgba(37,74,57,.17)}html[data-aimma-theme="light"] .login-form-side{background:rgba(255,255,255,.2)}html[data-aimma-theme="light"] .auth-mini-brand{color:#103528}html[data-aimma-theme="light"] .language-button,html[data-aimma-theme="light"] .auth-theme-button{background:rgba(255,255,255,.45);color:#335947;border-color:rgba(86,128,108,.2)}html[data-aimma-theme="light"] .auth-form-area h1,html[data-aimma-theme="light"] .auth-form label{color:#17372c}html[data-aimma-theme="light"] .auth-lead,html[data-aimma-theme="light"] .auth-form-foot,html[data-aimma-theme="light"] .auth-bottom{color:#62796c}html[data-aimma-theme="light"] .auth-submit{background:linear-gradient(135deg,#1f7d58,#16543e);color:white;box-shadow:0 14px 32px rgba(23,100,69,.18)}html[data-aimma-theme="light"] .mini-emblem{color:#1a6948;background:#f7edd5;border-color:#d6bf86}html[data-aimma-theme="light"] .brand-edition{color:#234838;background:rgba(255,255,255,.45);border-color:rgba(48,91,71,.15)}html[data-aimma-theme="light"] .brand-lockup-text strong{color:#fff6e1}html[data-aimma-theme="light"] .brand-lockup-text small{color:#fffdf4}
@media(max-width:920px){.login-shell{width:min(650px,100%);grid-template-columns:1fr;min-height:0;max-width:650px}.login-form-side{grid-column:1;padding:24px clamp(22px,6vw,45px) 22px;min-height:min(690px,calc(100dvh - 36px));border-inline-end:0}.login-brand-side{display:none}.auth-form-area{padding:28px 0 38px}}@media(max-width:560px){body.aimma-login-page{padding:0}.login-shell{border:0;border-radius:0;min-height:100dvh}.login-form-side{min-height:100dvh;padding:22px 25px 25px}.auth-form-area{width:100%;padding:24px 0 32px}.auth-form-area h1{font-size:39px}.auth-bottom{font-size:10px}.auth-build{display:none}}@media(max-height:670px) and (min-width:921px){.login-shell{min-height:595px}.auth-form-area{padding:16px 0 20px}.orbit-one{width:300px;height:300px}.orbit-two{width:210px;height:210px}.art-center{width:150px;height:150px}.art-ring-label{margin-top:18px}.brand-slim-rule{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}


/* V50 — photographic backdrop behind the full glass login card. */
body.aimma-login-page{
  background-color:#062a20;
  background-image:url("aimma_login_background_v50.webp");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body.aimma-login-page::before{
  background:linear-gradient(115deg,rgba(2,18,15,.31),rgba(2,25,19,.25) 45%,rgba(4,24,19,.37));
}
.login-shell{
  background:rgba(8,41,32,.21);
  border:1px solid rgba(230,232,209,.32);
  backdrop-filter:blur(15px) saturate(1.04);
  -webkit-backdrop-filter:blur(15px) saturate(1.04);
  box-shadow:0 30px 94px rgba(0,11,8,.52),inset 0 1px 0 rgba(255,255,255,.14);
}
.login-form-side{
  background:rgba(1,25,21,.20);
  border-inline-end:1px solid rgba(230,222,181,.18);
}
/* Keep the original gold cloche artwork; show the same new scene behind it. */
.login-brand-side,.brand-hero-frame{background:transparent}
.brand-hero-image{opacity:.03;filter:blur(10px)}
.brand-hero-wash{background:linear-gradient(180deg,rgba(5,40,29,.04),rgba(1,21,18,.15) 55%,rgba(1,20,16,.37))}
.brand-hero-glow{opacity:.9}
html[data-aimma-theme="light"] body.aimma-login-page{
  background-color:#e2eae0;
  background-image:linear-gradient(rgba(235,243,234,.25),rgba(234,244,235,.24)),url("aimma_login_background_v50.webp");
}
html[data-aimma-theme="light"] body.aimma-login-page::before{background:linear-gradient(110deg,rgba(225,237,226,.13),rgba(227,236,226,.12))}
html[data-aimma-theme="light"] .login-shell{background:rgba(250,255,250,.23);border-color:rgba(240,239,215,.62);box-shadow:0 30px 76px rgba(8,37,25,.3)}
html[data-aimma-theme="light"] .login-form-side{background:rgba(249,255,252,.78);border-inline-end:1px solid rgba(46,94,69,.19)}
html[data-aimma-theme="light"] .brand-hero-image{opacity:.03}
html[data-aimma-theme="light"] .brand-hero-wash{background:linear-gradient(180deg,rgba(2,28,19,.18),rgba(2,28,19,.40))}
html[data-aimma-theme="light"] .brand-edition{color:#fff6df;border-color:rgba(255,255,255,.38);background:rgba(3,38,27,.2)}
@media(max-width:920px){
  .login-shell{background:rgba(8,40,32,.3)}
  .login-form-side{background:rgba(3,34,27,.84)}
  html[data-aimma-theme="light"] .login-form-side{background:rgba(250,254,250,.90)}
}
@media(max-width:560px){
  body.aimma-login-page{background-attachment:scroll}
  body.aimma-login-page::before{display:block;background:rgba(2,23,18,.25)}
  .login-shell{border-radius:0}
  .login-form-side{background:rgba(3,34,27,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  html[data-aimma-theme="light"] .login-form-side{background:rgba(252,255,252,.9)}
}
