.auth-page{--auth-ink:#253d32;--auth-muted:#687168;--auth-accent:#35563f;--auth-paper:#f7f6f1;background:var(--auth-paper);min-height:100svh;color:var(--auth-ink)}.auth-page button:focus-visible,.auth-page a:focus-visible,.auth-page input:focus-visible,.auth-page select:focus-visible{outline-offset:3px;outline:2px solid #618069}.auth-header{border-bottom:1px solid #2c45341b;justify-content:space-between;align-items:center;height:88px;padding:0 5%;display:flex}.auth-brand{letter-spacing:-.8px;align-items:center;gap:9px;font-size:22px;font-weight:600;display:inline-flex}.auth-brand svg{color:#4d6a53}.auth-back{color:#5f6c61;align-items:center;gap:14px;min-height:44px;font-size:12px;display:inline-flex}.auth-back:hover{color:var(--auth-ink)}.auth-layout{grid-template-columns:minmax(340px,45%) 1fr;min-height:calc(100svh - 88px);display:grid}.auth-story{isolation:isolate;color:#f9f7ee;flex-direction:column;justify-content:space-between;min-height:720px;padding:48px 11% 42px;display:flex;position:relative;overflow:hidden}.story-image{z-index:-2;background:url(/city-morning.webp) 62%/cover;position:absolute;inset:0}.story-shade{z-index:-1;background:linear-gradient(#253e33b3 0%,#263c31a6 32%,#20372f52 66%,#1c302be6 100%);position:absolute;inset:0}.story-top{letter-spacing:1.7px;align-items:center;gap:14px;font-size:9px;display:flex}.story-index{letter-spacing:0;border:1px solid #f9f7ee50;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;display:grid}.story-copy{margin-top:70px;margin-bottom:auto}.story-copy h1{color:#fffdf4;letter-spacing:-2.1px;white-space:normal;margin:0 0 28px;font-size:clamp(37px,3.5vw,59px);font-weight:400;line-height:1.15}.story-copy h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400}.story-copy p{color:#e3e6d9;max-width:340px;font-size:14px;line-height:1.8}.story-bottom{border-top:1px solid #f9f7ee45;align-items:center;gap:14px;margin-top:120px;padding-top:25px;display:flex}.story-bottom strong{margin-bottom:7px;font-size:13px;font-weight:400;display:block}.story-bottom span:not(.story-arrow){color:#d1d9ce;font-size:10px;display:block}.story-arrow{margin-left:auto;font-size:22px}.auth-panel{flex-direction:column;padding:40px clamp(30px,5vw,90px) 22px;display:flex}.portal-switch{background:#eaece5;border:1px solid #3546340b;border-radius:5px;grid-template-columns:1fr 1fr;align-self:center;width:100%;max-width:440px;padding:4px;display:grid}.portal-switch a{text-align:center;color:#687168;border-radius:3px;justify-content:center;align-items:center;min-height:41px;padding:8px 12px;font-size:12px;display:flex}.portal-switch a[aria-current=page]{color:#304b39;background:#fffef9;box-shadow:0 1px 4px #253d3210}.portal-switch a:hover{color:#203c29}.auth-form-content{width:100%;max-width:440px;margin:auto;padding:55px 0 42px}.auth-overline{letter-spacing:1.7px;color:#71806e;margin-bottom:15px;font-size:10px;display:block}.auth-panel h2{color:var(--auth-ink);letter-spacing:-1.4px;margin:0 0 15px;font-size:clamp(29px,2.6vw,39px);font-weight:400;line-height:1.15}.auth-intro{color:var(--auth-muted);max-width:390px;margin:0 0 30px;font-size:14px;line-height:1.7}.auth-form{gap:20px;display:grid}.register-form{grid-template-columns:1fr 1fr;gap:17px 16px}.field-full{grid-column:1/-1}.auth-field{min-width:0}.auth-field:has(input[name=phone]){grid-column:1/-1}.auth-field label,.reset-dialog label{color:#344a3b;margin-bottom:9px;font-size:12px;display:block}.auth-field input,.auth-field select,.reset-dialog input{color:#2d4132;background:#fffefa;border:1px solid #bec6b9;border-radius:4px;width:100%;min-height:49px;padding:13px 14px;font:14px Arial,sans-serif;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder,.reset-dialog input::placeholder{color:#8b9288;opacity:1}.auth-field input:focus,.auth-field select:focus,.reset-dialog input:focus{border-color:#657e61}.auth-field input[aria-invalid=true],.auth-field select[aria-invalid=true]{background:#fffaf6;border-color:#b35c45}.auth-field select{cursor:pointer;padding-right:25px}.auth-field small{color:#778071;margin-top:8px;font-size:11px;line-height:1.5;display:block}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-toggle{color:#73816e;background:0 0;border:0;border-radius:3px;place-items:center;width:44px;height:45px;display:grid;position:absolute;top:2px;right:3px}.password-toggle:hover{color:#304d36;background:#edf0e780}.auth-field .field-error{color:#a03d27;margin:7px 0 0;font-size:11px;line-height:1.5}.auth-error-summary{color:#a03d27;border-left:2px solid #b66448;margin:0;padding-left:10px;font-size:12px}.login-options{justify-content:space-between;align-items:center;gap:10px;margin:-9px 0 0;display:flex}.login-options>span{color:#7a8374;align-items:center;gap:7px;font-size:10px;display:flex}.login-options svg{width:14px;height:14px}.login-options button{color:#425f45;background:0 0;border:0;min-height:44px;padding:10px 0 10px 10px;font-size:11px}.login-options button:hover{text-decoration:underline}.auth-submit{background:var(--auth-accent);color:#fffdf5;border:1px solid var(--auth-accent);border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:51px;padding:13px 19px;font-size:13px;display:flex}.auth-submit span{font-size:20px}.auth-submit:hover{background:#466a4d;border-color:#466a4d}.auth-alternative{text-align:center;color:#778071;margin:25px 0 0;font-size:12px;line-height:1.8}.auth-alternative a{color:#3e5c42;text-underline-offset:4px;padding:7px 3px;font-weight:600;text-decoration:underline;display:inline-block}.auth-prototype{border-top:1px solid #354c3220;margin-top:27px;padding-top:23px}.auth-prototype>span{color:#76816f;letter-spacing:1.3px;font-size:9px}.auth-prototype p{color:#7a8274;margin:7px 0 0;font-size:11px;line-height:1.65}.auth-panel-footer{color:#818979;justify-content:space-between;gap:20px;padding-top:15px;font-size:9px;display:flex}.approval-note{background:#edf0e8;border:1px solid #697e5320;border-radius:4px;gap:12px;margin:-5px 0 25px;padding:14px;display:flex}.approval-note svg{color:#698260;width:19px;height:19px;margin-top:2px}.approval-note p{color:#65725b;margin:0;font-size:11px;line-height:1.7}.approval-note strong{color:#435b3e;font-weight:500}.auth-feedback{background:#edf0e8;border:1px solid #b5c2aa;border-radius:4px;padding:14px}.auth-feedback strong{font-size:12px;font-weight:600}.auth-feedback p{color:#54654b;margin:6px 0 0;font-size:12px;line-height:1.65}.auth-lgu{--auth-accent:#354d52;--auth-ink:#263c40}.auth-lgu .story-image{background-position:85%}.auth-lgu .story-shade{background:linear-gradient(#203b43dd,#243d4399 55%,#1c323be6)}.auth-lgu .auth-submit:hover{background:#45636a;border-color:#45636a}.auth-lgu .portal-switch a[aria-current=page]{color:#2b4a52}.auth-lgu .auth-alternative a{color:#3b5961}.reset-dialog{color:#304735;background:#f7f6f1;border:1px solid #c4cbbf;border-radius:10px;width:min(440px,100% - 32px);max-height:90svh;margin:auto;padding:36px;overflow-y:auto}.reset-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16251bd9}.reset-close{color:#5f705b;background:0 0;border:0;width:44px;height:44px;font-size:25px;position:absolute;top:8px;right:8px}.reset-dialog h2{letter-spacing:-1px;margin:20px 0 12px;font-size:28px}.reset-dialog>p{color:#6b7764;margin-bottom:24px;font-size:13px}.reset-dialog .auth-submit{margin-top:20px}.reset-dialog>small{color:#76816c;margin-top:20px;font-size:10px;display:block}.reset-dialog .reset-status{color:#57704c;background:#e8eddf;border-radius:4px;margin-top:15px;padding:12px;font-size:12px}@media (min-width:1600px){.auth-story{padding-inline:14%}.auth-form-content,.portal-switch{max-width:480px}}@media (max-width:1000px){.auth-layout{grid-template-columns:40% 1fr}.auth-story{padding:36px 10% 32px}.story-copy h1{letter-spacing:-1.5px;font-size:39px}.story-top{letter-spacing:1px;gap:9px;font-size:8px}.story-copy p{font-size:13px}.story-bottom{gap:9px}.story-bottom strong{font-size:11px}.story-bottom span:not(.story-arrow){font-size:9px;line-height:1.6}.story-arrow{display:none}.auth-panel{padding-inline:35px}.auth-panel h2{font-size:31px}}@media (max-width:700px){.auth-header{height:74px;padding-inline:6%}.auth-brand{font-size:20px}.auth-back{gap:7px;font-size:10px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:270px;padding:26px 7% 32px}.story-top{font-size:8px}.story-index{width:26px;height:26px;font-size:10px}.story-copy{margin:28px 0 0}.story-copy h1{letter-spacing:-1.5px;margin:0;font-size:39px}.story-copy p,.story-bottom{display:none}.story-image{background-position:65% 45%}.story-shade{background:linear-gradient(90deg,#263e32cc,#263e3260)}.auth-lgu .story-shade{background:linear-gradient(90deg,#203b43dd,#203b4360)}.auth-panel{padding:30px 7% 25px}.auth-form-content{max-width:480px;padding:37px 0 30px}.portal-switch{max-width:480px}.auth-panel h2{font-size:32px}.auth-intro{font-size:13px}.auth-field input,.auth-field select,.reset-dialog input{font-size:16px}.auth-form{gap:18px}.register-form{gap:18px 12px}:is(.auth-field:has(select),.auth-field:has(input[name=jurisdiction])){grid-column:1/-1}.auth-panel-footer{width:100%;max-width:480px;margin-inline:auto}.reset-dialog{padding:30px 24px}}@media (max-width:360px){.auth-brand{gap:6px;font-size:17px}.auth-back{font-size:9px}.story-copy h1{font-size:34px}.portal-switch a{padding-inline:7px;font-size:11px}.login-options>span{font-size:9px}}