:root{--green:#143f35;--cream:#faf8f2;--ink:#254036;--muted:#778277;--gold:#e7c881}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.65 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{flex-shrink:0;vertical-align:middle}h1,h2,p{margin:0}a,button,input{outline-offset:4px}:focus-visible{outline:3px solid #bd9b46}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--cream)}.auth-story{background:var(--green);color:white;position:relative;overflow:hidden;padding:42px 58px;display:flex;flex-direction:column}.auth-story::before{content:"";position:absolute;inset:-140px -270px auto auto;width:530px;height:530px;border:1px solid #cbb97924;border-radius:50%;box-shadow:0 0 0 38px #cbb9790b,0 0 0 78px #cbb97908;pointer-events:none}.auth-brand{display:inline-flex;align-items:center;gap:12px;position:relative}.auth-brand .brand-mark{width:46px;height:46px;color:#376353}.auth-brand strong{display:block;font-size:20px;letter-spacing:-.6px}.auth-brand small{display:block;font-size:8px;letter-spacing:1.45px;color:#b7c6b6;margin-top:2px}.auth-story-copy{position:relative;margin-top:52px}.auth-eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:#72816b}.auth-story .auth-eyebrow{color:#d1bd86}.auth-bismillah{text-align:left;color:#dacc9f;font:25px/1.5 Georgia,serif;margin-top:21px}.auth-story h1{font-size:clamp(37px,4vw,55px);line-height:1.15;font-weight:500;letter-spacing:-2px;margin-top:13px}.auth-story h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.auth-story-copy>p:last-child{font-size:12px;color:#bccdbf;max-width:340px;margin-top:23px;line-height:1.9}.auth-photo{position:relative;border-radius:110px 8px 8px 8px;overflow:hidden;height:210px;flex-shrink:0;margin-top:32px;border:1px solid #d1bd8630}.auth-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}.auth-photo::after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,transparent 35%,#0b211bef)}.auth-photo>span{position:absolute;bottom:17px;left:24px;z-index:1;font-size:13px;font-weight:600}.auth-photo small{display:block;font-size:8px;font-weight:400;color:#bbcbc2;margin-top:3px}.auth-address{display:flex;gap:10px;align-items:center;color:#aebfae;font-size:10px;line-height:1.8;padding-top:25px;margin-top:auto;max-width:350px}.auth-address svg{color:#d1bd86}.auth-main{padding:34px 55px 23px;display:flex;flex-direction:column;min-width:0}.auth-back{display:inline-flex;gap:9px;align-items:center;font-size:11px;color:#788374;align-self:flex-end}.auth-back:hover{color:var(--green);text-decoration:underline}.auth-back>span{font-size:17px}.auth-form-wrap{width:100%;max-width:370px;margin:auto; padding-block:33px}.auth-welcome{display:flex;align-items:center;justify-content:center;width:55px;height:59px;border-radius:27px 27px 10px 10px;background:#eaf0e3;color:#4b7357;margin-bottom:23px}.auth-form-wrap h2{font-size:32px;font-weight:600;letter-spacing:-1.1px;margin-top:8px;line-height:1.3}.auth-intro{font-size:12px;line-height:1.8;color:#899080;margin-top:13px}.auth-intro strong{font-weight:600;color:#536c56}.auth-form{margin-top:26px}.auth-form>label:not(.auth-remember){display:block;font-size:11px;font-weight:600;color:#5b6b5d;margin-bottom:7px}.auth-input{display:flex;align-items:center;border:1px solid #dfe4d8;border-radius:7px;padding-left:15px;background:#fffefa;min-height:48px;margin-bottom:17px;color:#879580;transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:#708b60;box-shadow:0 0 0 3px #73906116}.auth-input input{background:transparent;border:0;min-width:0;width:100%;padding:12px;outline:none;color:var(--ink);font-size:12px}.auth-input input::placeholder{color:#9ba18f}.auth-reveal{border:0;background:transparent;color:#889781;align-self:stretch;padding:0 13px}.auth-reveal:hover{color:var(--green)}.auth-remember{display:flex;align-items:center;gap:8px;font-size:11px;color:#7c8774;margin-top:1px;margin-bottom:23px;cursor:pointer}.auth-remember input{margin:0;accent-color:var(--green);width:14px;height:14px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:14px 18px;color:white;background:var(--green);border:0;border-radius:7px;font-weight:600;font-size:12px;min-height:49px}.auth-submit:hover{background:#245b47}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-access{margin-top:29px}.auth-access-title{display:flex;align-items:center;gap:15px;margin-bottom:16px;font-size:8px;letter-spacing:1.45px;font-weight:600;color:#8b9581}.auth-rule{height:1px;background:#e1e5d9;flex:1}.auth-role{display:flex;gap:12px;align-items:center;margin-top:12px}.auth-role>svg{color:#77896a}.auth-role strong{font-size:11px;font-weight:600;color:#52654e}.auth-role p{font-size:10px;color:#919887;line-height:1.5;margin-top:1px}.auth-help{display:flex;gap:9px;font-size:10px;line-height:1.8;color:#8d9681;margin-top:24px;padding-top:18px;border-top:1px solid #e1e5d9}.auth-help>svg{margin-top:2px}.auth-error{display:flex;align-items:flex-start;gap:9px;background:#fcf0e8;border:1px solid #f0d7c7;color:#a2533c;border-radius:7px;padding:11px 13px;font-size:11px;margin-top:19px}.auth-error>svg{margin-top:1px}.auth-main footer{font-size:9px;text-align:center;color:#919984}.auth-main footer span{display:block;font-size:8px;margin-top:3px;color:#a0a693}
@media(min-width:1450px){.auth-story{padding-inline:80px}.auth-story-copy{margin-top:70px}.auth-photo{height:270px}.auth-form-wrap{max-width:400px}}
@media(max-width:1000px){.auth-story{padding:32px}.auth-main{padding:28px 35px 20px}.auth-brand strong{font-size:18px}.auth-brand small{font-size:6px}.auth-story h1{font-size:41px}.auth-photo{height:200px}.auth-form-wrap h2{font-size:28px}}
@media(max-width:700px){.auth-page{grid-template-columns:1fr}.auth-story{padding:24px}.auth-brand .brand-mark{width:42px;height:42px}.auth-brand strong{font-size:18px}.auth-brand small{font-size:7px}.auth-story-copy,.auth-photo,.auth-address{display:none}.auth-main{padding:19px 25px 23px}.auth-form-wrap{padding-top:25px;padding-bottom:30px;max-width:400px}.auth-welcome{width:48px;height:51px;margin-bottom:18px}.auth-form-wrap h2{font-size:31px}.auth-input input{font-size:16px}.auth-back{font-size:11px}.auth-role p{font-size:11px}.auth-help{font-size:10px}.auth-main footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}