:root{--green:#123f36;--gold:#d8bd7d;--ink:#243b34;--muted:#758078}*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b9974b}button,a{-webkit-tap-highlight-color:transparent}main{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:18px;gap:24px}.hero{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 58%,#366453 0,#16473c 45%,#103a32 100%);color:#fff;display:flex;flex-direction:column;align-items:center;padding:44px 38px 26px;min-height:780px}.pattern{position:absolute;inset:0;opacity:.055;background-image:repeating-linear-gradient(45deg,transparent 0 39px,#e4d3a5 40px 41px,transparent 42px 80px),repeating-linear-gradient(-45deg,transparent 0 39px,#e4d3a5 40px 41px,transparent 42px 80px);mask-image:linear-gradient(#000,transparent 80%)}.brand{align-self:flex-start;display:flex;align-items:center;gap:11px;font:600 23px Georgia,serif;z-index:1}.brand svg{width:33px;height:33px;color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:3px;color:#e0c991;margin:55px 0 18px}.hero h1{font:normal clamp(32px,3.2vw,48px)/1.2 Georgia,serif;text-align:center;max-width:440px;margin:0}.hero h1 em{color:#e1c994;font-weight:normal}.hero .intro{font-size:13px;line-height:1.8;color:#c8d7ce;text-align:center;max-width:320px;margin:20px 0 0}.scene{width:min(100%,470px);position:relative;flex:1;min-height:310px;display:grid;place-items:center}.arch{position:absolute;width:78%;height:97%;top:8%;border:1px solid #d9c38e30;border-radius:50% 50% 4px 4px}.arch:after{content:'';position:absolute;inset:12px;border:1px solid #d9c38e12;border-radius:inherit}.quran{position:relative;width:100%;filter:drop-shadow(0 25px 16px #001e2160);animation:appear 1.8s ease both;z-index:1}.aura{position:absolute;width:65%;height:50%;background:#ebce8940;filter:blur(45px);border-radius:50%;animation:glow 6s ease-in-out infinite}.turn{transform-origin:250px 170px;animation:page 8s ease-in-out infinite}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#efd99f;animation:glow 5s infinite}.spark:nth-of-type(2){left:22%;top:32%;animation-delay:2s}.spark:nth-of-type(3){right:20%;top:55%;animation-delay:1s}.spark:nth-of-type(4){left:45%;top:13%;animation-delay:3s}.hero-bottom{font-size:10px;letter-spacing:2px;color:#b7c8b9;z-index:1;margin:27px 0 0}.right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 30px;position:relative}.top-note{position:absolute;top:28px;right:30px;font-size:11px;color:#859087;display:flex;gap:7px;align-items:center}.top-note span{width:5px;height:5px;background:#86a28d;border-radius:50%}.card{width:100%;max-width:420px;padding:25px 0}.welcome-icon{width:48px;height:48px;background:#eaf0e8;border:1px solid #dde7dc;border-radius:14px;display:grid;place-items:center;margin-bottom:27px;color:#527653}.welcome-icon svg{width:25px}.card h2{font:normal 36px Georgia,serif;letter-spacing:-1px;margin:0 0 13px}.subtitle{font-size:13px;color:#788277;margin:0 0 35px;line-height:1.7}label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.field{position:relative}.field svg{position:absolute;left:16px;top:17px;width:18px;color:#8d998e}.field input{width:100%;height:53px;border:1px solid #dce1d6;border-radius:9px;background:#fffefa;padding:0 45px;color:var(--ink);font-size:16px;transition:.2s}.field input::placeholder{font-size:12px;color:#9a9f94}.field input:focus{border-color:#577c66;box-shadow:0 0 0 3px #42694d12}.field input[aria-invalid=true]{border-color:#b24c40}.field button{position:absolute;right:3px;top:4px;width:44px;height:44px;border:0;background:none;cursor:pointer;color:#7d897d}.field button svg{position:static;width:18px}.group{margin-bottom:21px}.error{font-size:11px;color:#ad4038;margin:7px 0 0;min-height:0}.options{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px;font-size:11px}.check{display:flex;gap:8px;align-items:center;margin:0;font-weight:400;min-height:30px;cursor:pointer}.check input{accent-color:var(--green);width:15px;height:15px;margin:0}a{color:#41664e;text-decoration:none}a:hover{text-decoration:underline}.primary,.google{width:100%;min-height:52px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.primary{background:var(--green);color:#fff;border:1px solid var(--green);display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 5px 12px #133f3612}.primary:hover{background:#205647;transform:translateY(-1px)}.primary:disabled{opacity:.7;cursor:wait}.arrow{font-size:18px;font-weight:normal}.divider{display:flex;align-items:center;gap:16px;color:#9a9e92;font-size:10px;margin:24px 0}.divider:before,.divider:after{content:'';height:1px;background:#e3e5dc;flex:1}.google{background:transparent;border:1px solid #dce1d6;display:flex;justify-content:center;align-items:center;gap:12px}.google:hover{background:#eef0e8}.google svg{width:17px;height:17px}.signup{text-align:center;font-size:11px;color:#8c9187;margin:28px 0 0}.signup a{font-weight:600;margin-left:3px}.foot{text-align:center;font-size:10px;color:#92988a;line-height:1.9;max-width:310px;margin-top:26px}.foot:before{content:'✧';display:block;font-size:18px;color:#b4a16f;margin-bottom:7px}.copyright{position:absolute;bottom:18px;font-size:9px;color:#a0a596;letter-spacing:.5px}dialog{border:1px solid #dce1d6;border-radius:18px;padding:32px;max-width:400px;width:calc(100% - 40px);color:var(--ink);background:#f8f7f2;box-shadow:0 24px 100px #102f3440}dialog::backdrop{background:#0b272978;backdrop-filter:blur(4px)}dialog h3{font:27px Georgia,serif;margin:0 0 16px}dialog p{font-size:14px;line-height:1.7;margin-bottom:25px}.spinner{width:15px;height:15px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,100%{opacity:.35}50%{opacity:1}}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page{0%,20%{transform:scaleX(1);opacity:0}25%{opacity:.85}45%{transform:scaleX(-.94);opacity:.9}52%,100%{transform:scaleX(-1);opacity:0}}@media(min-width:1500px){main{max-width:1600px;margin:auto}.hero{min-height:900px}}@media(max-width:850px){main{gap:0;padding:12px;grid-template-columns:45% 55%}.hero{padding:30px 22px;min-height:760px}.right{padding:40px 24px}.hero h1{font-size:34px}.hero .intro{font-size:12px}.brand{font-size:20px}.eyebrow{letter-spacing:2px}.card h2{font-size:30px}}@media(max-width:620px){main{display:block;padding:0}.hero{min-height:0;padding:25px 25px 20px;border-radius:0 0 28px 28px}.brand{align-self:center;font-size:23px}.eyebrow{margin:25px 0 12px;font-size:8px}.hero h1{font-size:30px;max-width:300px}.hero .intro{font-size:11px;margin-top:13px;max-width:280px}.scene{height:180px;min-height:180px;flex:none;width:265px;margin-top:5px}.arch{height:100%;top:0}.hero-bottom{display:none}.right{padding:25px 25px 65px}.top-note{display:none}.card{padding:0;max-width:420px}.welcome-icon{display:none}.card h2{font-size:30px;margin-top:10px}.subtitle{margin-bottom:26px;font-size:12px}.foot{margin-top:22px}.copyright{bottom:18px}.options a{min-height:44px;display:flex;align-items:center}.group{margin-bottom:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.turn{display:none}}

.asn-login .fi-fo-field-label-content { color:#243b34; }
.asn-login .fi-input-wrp { background:#fffefa; border:1px solid #dce1d6; border-radius:9px; box-shadow:none; }
.asn-login .fi-input { min-height:51px; color:#243b34; }
.asn-login .fi-btn { min-height:52px; border-radius:9px; }
.asn-login .fi-sc-form { gap:24px; }
.asn-login .fi-btn-color-primary { background:#123f36; color:white; }
.asn-login [data-sso-popup-container] { margin-top:24px; }
.asn-login [data-sso-popup-container] p { font-size:12px; line-height:1.7; }
.asn-login [role=alert] { color:#ad4038; }
.asn-login .fi-checkbox-input { accent-color:#123f36; }

.asn-login [data-sso-popup-container] { margin-top:0; gap:14px; }
.asn-login .asn-sso-divider { display:flex; align-items:center; gap:16px; color:#9a9e92; font-size:11px; margin:24px 0 10px; }
.asn-login .asn-sso-divider::before,.asn-login .asn-sso-divider::after { content:''; height:1px; background:#e3e5dc; flex:1; }
.asn-login .asn-sso-button { width:100%; min-height:52px; padding:12px 18px; border-radius:9px; background:transparent; border:1px solid #dce1d6; color:#243b34; display:flex; justify-content:center; align-items:center; gap:12px; font-size:12px; font-weight:600; text-decoration:none; transition:background .2s; }
.asn-login .asn-sso-button:hover { background:#eef0e8; text-decoration:none; }
.asn-login .asn-sso-button svg { width:18px; height:18px; flex-shrink:0; }
.asn-login .asn-sso-button[aria-busy=true] { opacity:.7; }

.asn-login .brand .asn-regency-logo { width:48px; height:60px; object-fit:contain; flex-shrink:0; }

/* Keep the supplied login palette readable with either panel preference. */
.asn-login { color:#243b34; background:#f8f7f2; }
.asn-login .fi-fo-field-label-content,.asn-login .fi-fo-field-label { color:#243b34; }
.asn-login .fi-input-wrp { background:#fffefa; }
.asn-login .fi-input-wrp .fi-input { color:#243b34; }
.asn-login .fi-checkbox-input:not(:checked) { background:#fffefa; border-color:#b4c2b4; }

.asn-login .asn-login-public-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:11px 14px;border:1px solid #c8d8ce;border-radius:7px;color:#185541;background:#eff6f1;font:600 12px/1.6 Inter,Arial,sans-serif;text-decoration:none}.asn-login .asn-login-public-link:hover{background:#e0ede4}.asn-login .asn-login-public-link:focus-visible{outline:2px solid #b78b38;outline-offset:3px}