@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy: #030c18;--navy-panel: #041321;--navy-deep: #010812;--gold: #d9b66d;--gold-light: #ffe3a0;--blue: #55baff;--muted: #a5b8cb;--text: #f5f7fb;--border-blue: rgba(110, 164, 207, .62);--border-gold: rgba(244, 197, 105, .86)}html,body,#root{width:100%;height:100%;min-height:0;margin:0}html{background:var(--navy)}body{overflow:hidden;color:var(--text);background:var(--navy);font-family:Inter,Segoe UI,sans-serif}button{-webkit-tap-highlight-color:transparent}.login-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;color:var(--text);background-color:var(--navy);background-image:linear-gradient(90deg,#0208111a,#0208110a 48%,#0208115c),url(/backgrounds/login.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}.background-glow{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 42%,transparent 0%,rgba(1,7,15,.05) 58%,rgba(1,7,15,.22) 100%);animation:ambient-light 9s ease-in-out infinite alternate}.background-scan{position:absolute;z-index:4;top:-30%;left:0;width:100%;height:20%;pointer-events:none;opacity:.09;background:linear-gradient(180deg,transparent,rgba(85,186,255,.18),transparent);animation:scan-down 12s linear infinite}.topbar{position:absolute;z-index:10;top:2.5%;right:3.2%;left:3.2%;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;max-width:min(390px,48vw);min-width:0;padding:7px 13px 7px 7px;background:#020b16e8;border:1px solid rgba(217,182,109,.65);box-shadow:0 8px 30px #00000047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand-mark{display:grid;flex-shrink:0;width:43px;height:43px;place-items:center;color:var(--gold-light);background:#081a2bf5;border:1px solid rgba(217,182,109,.8)}.brand-copy{min-width:0}.brand-name{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(17px,1.8vw,24px);font-weight:800;line-height:1.1;letter-spacing:.35px;white-space:nowrap;text-shadow:0 2px 8px #000}.brand-name span{color:var(--gold-light)}.brand-subtitle{margin-top:4px;color:#d0deec;font-size:8px;font-weight:600;letter-spacing:1.5px;line-height:1.5;text-shadow:0 2px 6px #000}.top-status{display:flex;flex-shrink:0;align-items:center;gap:9px;padding:9px 13px;color:#d5e1ed;font-size:9px;font-weight:800;letter-spacing:1.25px;background:#030d18e0;border:1px solid rgba(113,158,197,.3)}.status-light{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#56e6b0;box-shadow:0 0 10px #56e6b0d9;animation:status-pulse 2.2s ease-in-out infinite}.main-layout{position:relative;display:grid;flex:1;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;gap:clamp(18px,2vw,30px);width:100%;height:100%;min-height:0;padding:80px 3.5% 40px 4.1%}.visual-panel{position:relative;display:flex;align-self:stretch;align-items:stretch;justify-content:center;flex-direction:column;min-width:0;min-height:0;padding:0}.visual-copy{position:relative;width:100%;max-width:730px;margin:0;padding:clamp(18px,2vw,27px);background:linear-gradient(90deg,#020a14d6,#020a14a8 73%,#020a1414);border-left:2px solid rgba(240,217,158,.9);box-shadow:0 15px 42px #0000001f}.eyebrow{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--gold-light);font-size:9px;font-weight:800;letter-spacing:1.8px;line-height:1.7;text-shadow:0 2px 8px #000}.eyebrow-line{flex-shrink:0;width:27px;height:1px;background:var(--gold-light);box-shadow:0 0 8px #ffe3a099}.visual-panel h1{max-width:760px;margin:17px 0 12px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(35px,3.45vw,56px);font-weight:800;line-height:1.06;letter-spacing:-.4px;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 3px 16px rgba(0,0,0,.98)}.visual-panel h1 span{display:inline;color:var(--gold-light);text-shadow:0 3px 16px rgba(0,0,0,.98)}.intro-copy{max-width:550px;margin:0;color:#f0f4fa;font-size:clamp(11px,1vw,14px);line-height:1.7;text-shadow:0 2px 9px #000}.vision-tags{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:18px}.vision-tags span{display:inline-flex;align-items:center;gap:7px;color:#f0f5fb;font-size:8px;font-weight:800;letter-spacing:.9px;text-shadow:0 2px 6px #000}.vision-tags i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--gold-light);box-shadow:0 0 8px #ffe3a0a6}.territory-indicator{position:absolute;z-index:2;bottom:12px;left:20px;display:flex;align-items:center;gap:11px;margin:0;padding:9px 13px;background:#020b16e8;border:1px solid rgba(85,186,255,.34);box-shadow:0 8px 25px #0000003d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.territory-icon{display:grid;flex-shrink:0;width:36px;height:36px;place-items:center;color:var(--gold-light);border:1px solid rgba(217,182,109,.65)}.territory-indicator div:last-child{display:flex;flex-direction:column;gap:4px}.territory-indicator span{color:#c2d1df;font-size:8px;font-weight:700;letter-spacing:1.1px}.territory-indicator strong{color:#fff;font-size:11px;font-weight:700}.access-column{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;width:100%;max-width:465px;min-width:0;max-height:calc(100dvh - 112px);margin:0;overflow:visible;transform:none;animation:panel-appear .65s ease-out both}.access-card{position:relative;width:100%;min-width:0;max-height:calc(100dvh - 112px);padding:clamp(15px,1.8vh,22px) clamp(20px,2.1vw,30px);overflow-x:hidden;overflow-y:auto;color:var(--text);background:linear-gradient(145deg,#03101ef7,#020a14fb);border:1px solid var(--border-gold);box-shadow:0 24px 70px #00000073,0 0 30px #d9b66d17,inset 0 0 35px #2b6da10f;scrollbar-width:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.access-card::-webkit-scrollbar{display:none}.access-card:before,.access-card:after{position:absolute;z-index:0;width:21px;height:21px;content:"";pointer-events:none}.access-card:before{top:0;left:0;border-top:2px solid var(--gold-light);border-left:2px solid var(--gold-light)}.access-card:after{right:0;bottom:0;border-right:2px solid var(--gold-light);border-bottom:2px solid var(--gold-light)}.card-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:10px;color:#d3e1ee;font-size:9px;font-weight:800;letter-spacing:1.35px;line-height:1.5;border-bottom:1px solid rgba(157,183,208,.18)}.card-topline svg{flex-shrink:0;color:var(--gold-light)}.logo-container{position:relative;display:grid;width:clamp(59px,8vh,76px);height:clamp(59px,8vh,76px);place-items:center;margin:9px auto 7px}.logo-halo{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px dashed rgba(85,186,255,.43);border-radius:50%;animation:rotate-ring 28s linear infinite}.logo-halo:before,.logo-halo:after{position:absolute;width:6px;height:6px;content:"";border-radius:50%}.logo-halo:before{top:10px;right:5px;background:var(--gold-light);box-shadow:0 0 10px var(--gold)}.logo-halo:after{bottom:10px;left:5px;background:var(--blue);box-shadow:0 0 10px var(--blue)}.legazpy-logo{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;border:1px solid rgba(244,197,105,.55);border-radius:15px;box-shadow:0 0 25px #d9b66d21}.logo-fallback{position:relative;z-index:1;display:none;width:100%;height:100%;align-content:center;justify-items:center;gap:3px;color:var(--gold-light);background:#051626f2;border:1px solid var(--gold);border-radius:15px}.logo-fallback span{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:800;letter-spacing:1px}.logo-fallback small{color:#d0dce8;font-size:5px;letter-spacing:.7px}.welcome-label{position:relative;z-index:1;margin-top:4px;color:var(--gold-light);font-size:8px;font-weight:800;letter-spacing:1.1px;line-height:1.7;text-align:center}.access-card h2.welcome-title{position:relative;z-index:1;margin:6px 0;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,2.25vw,35px);font-weight:800;line-height:1.1;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.75)}.access-card h2.welcome-title span{color:var(--gold-light)}.access-card .access-description{position:relative;z-index:1;margin:0 0 5px;color:#f3f6fa;font-size:10px;font-weight:700;line-height:1.55;text-align:center}.access-card .access-motto{position:relative;z-index:1;margin:0 0 8px;color:#c5d4e3;font-size:9px;line-height:1.55;text-align:center}.form-divider{display:flex;align-items:center;gap:9px;margin:7px 0 10px}.form-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(217,182,109,.42))}.form-divider span:last-child{transform:rotate(180deg)}.form-divider i{width:5px;height:5px;flex-shrink:0;background:var(--gold-light);transform:rotate(45deg)}.access-card form{position:relative;z-index:1;width:100%;margin:0}.field-label{display:block;margin:0 0 5px;color:#dce6f1;font-size:9px;font-weight:800;letter-spacing:1.1px;line-height:1.5}.input-wrap{display:flex;align-items:center;width:100%;min-width:0;height:41px;gap:10px;padding:0 11px;color:var(--gold-light);background:#010913e6;border:1px solid var(--border-blue);border-radius:5px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-wrap:focus-within{background:#010913fa;border-color:var(--gold-light);box-shadow:0 0 0 2px #d9b66d1a,0 0 18px #55baff1c}.input-wrap>svg{flex-shrink:0;color:var(--gold-light)}.input-wrap input{display:block;width:100%;min-width:0;height:100%;padding:0;color:#fff;font-size:12px;background:transparent;border:0;outline:0}.input-wrap input::placeholder{color:#9bb0c5;opacity:1}.input-indicator{width:6px;height:6px;flex-shrink:0;background:var(--gold-light);border-radius:50%;box-shadow:0 0 7px #ffe3a080}.password-label{margin-top:9px}.toggle-password{display:grid;flex-shrink:0;place-items:center;padding:4px;color:#b8ccdf;cursor:pointer;background:transparent;border:0}.toggle-password:hover{color:var(--gold-light)}.toggle-password:focus-visible,.login-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}.form-options{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;margin:8px 0 10px;color:#d5e1ec;font-size:9px}.remember-option{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.remember-option input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.custom-check{display:grid;width:15px;height:15px;flex-shrink:0;place-items:center;background:#04101ee6;border:1px solid #94acc2;border-radius:2px}.remember-option input:checked+.custom-check{color:#111b28;background:var(--gold-light);border-color:var(--gold-light)}.remember-option input:checked+.custom-check:after{content:"✓";font-size:11px;font-weight:800}.remember-option input:focus-visible+.custom-check{outline:2px solid #fff;outline-offset:3px}.recovery-note{color:var(--gold-light);font-size:9px;text-align:right}.login-submit{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:41px;gap:12px;padding:0 14px;overflow:hidden;color:#101923;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer;background:linear-gradient(100deg,#bd8c3d,#f2d38b 50%,#c99b4b);border:1px solid #ffe4a4;border-radius:4px;box-shadow:0 5px 22px #c4994833;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.login-submit:before{position:absolute;top:-70%;left:-35%;width:25%;height:240%;content:"";background:#ffffff3d;transform:rotate(25deg);transition:left .5s ease}.login-submit:hover{filter:brightness(1.08);box-shadow:0 8px 28px #c4994852;transform:translateY(-1px)}.login-submit:hover:before{left:120%}.login-submit span,.login-submit svg{position:relative;z-index:1}.login-submit svg{flex-shrink:0;transition:transform .2s ease}.login-submit:hover svg{transform:translate(4px)}.login-error{margin:0 0 10px;padding:9px 11px;color:#ffc4bc;font-size:11px;line-height:1.5;background:#64191eeb;border:1px solid rgba(255,145,145,.6);border-radius:4px}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;color:#c1d0df;font-size:8px;line-height:1.5;text-align:center}.secure-note svg{flex-shrink:0;color:var(--gold-light)}.card-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:9px;padding-top:8px;color:#b7c7d7;font-size:7px;font-weight:800;letter-spacing:.9px;border-top:1px solid rgba(157,183,208,.15)}.card-bottom i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:var(--gold)}.page-footer{position:absolute;z-index:5;right:3%;bottom:0;left:3%;display:flex;align-items:center;justify-content:space-between;min-height:27px;gap:12px;color:#d4e0eb;font-size:8px;letter-spacing:.5px;text-shadow:0 2px 6px #000;border-top:1px solid rgba(174,199,221,.2)}.footer-center{display:inline-flex;align-items:center;gap:7px}.footer-center i{width:5px;height:5px;background:var(--gold-light);border-radius:50%;box-shadow:0 0 8px var(--gold)}@keyframes rotate-ring{to{transform:rotate(360deg)}}@keyframes ambient-light{0%{opacity:.65}to{opacity:1}}@keyframes scan-down{0%{transform:translateY(0)}to{transform:translateY(650%)}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes panel-appear{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:721px)and (max-width:1100px){.main-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:18px;padding-right:2.5%;padding-left:3%}.visual-copy{padding:17px}.visual-panel h1{font-size:clamp(32px,3.6vw,45px)}.access-column{justify-self:center;width:100%;max-width:430px;transform:none}.access-card{padding-right:22px;padding-left:22px}.logo-container{width:61px;height:61px}.top-status{font-size:8px;letter-spacing:.8px}}@media(min-width:721px)and (max-height:760px){.topbar{top:8px}.brand{padding:5px 9px 5px 5px}.brand-mark{width:35px;height:35px}.main-layout{grid-template-columns:minmax(0,1fr) minmax(340px,39%);gap:22px;padding:57px 3.5% 31px 4.1%}.visual-copy{padding-top:14px;padding-bottom:14px}.visual-panel h1{margin-top:11px;margin-bottom:8px;font-size:clamp(29px,3.1vw,42px)}.vision-tags{margin-top:11px}.access-column{max-width:430px;max-height:calc(100dvh - 91px);transform:none}.access-card{max-height:calc(100dvh - 91px);padding-top:10px;padding-bottom:9px}.card-topline{margin-bottom:6px;padding-bottom:7px}.logo-container{width:48px;height:48px;margin-top:4px;margin-bottom:3px}.access-card h2.welcome-title{margin:4px 0;font-size:28px}.access-card .access-description{font-size:9px}.access-card .access-motto{margin-bottom:5px;font-size:8px}.form-divider{margin-top:5px;margin-bottom:7px}.input-wrap{height:35px}.password-label{margin-top:6px}.form-options{margin:5px 0 7px}.login-submit{min-height:35px}.secure-note{margin-top:5px}.card-bottom{margin-top:5px;padding-top:5px}.page-footer{min-height:23px;font-size:7px}}@media(max-width:720px){html,body,#root{width:100%;height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}.login-screen{display:flex;height:auto;min-height:100vh;min-height:100dvh;overflow:hidden;padding-bottom:12px;background-position:center top}.topbar{position:relative;top:auto;right:auto;left:auto;margin:14px 14px 18px}.brand{max-width:calc(100% - 4px);gap:9px;padding:6px}.brand-mark{width:36px;height:36px}.brand-name{font-size:clamp(14px,4vw,18px)}.brand-subtitle{font-size:7px;letter-spacing:.8px}.top-status{display:none}.main-layout{display:flex;flex:initial;flex-direction:column;align-items:center;justify-content:flex-start;gap:17px;width:100%;height:auto;min-height:0;padding:5px 13px 18px}.visual-panel{display:block;align-self:auto;width:100%;min-height:0;padding:0}.visual-copy{width:100%;max-width:none;padding:16px 14px;background:linear-gradient(90deg,#020a14e3,#020a14b0)}.eyebrow{gap:7px;font-size:8px;letter-spacing:1px}.visual-panel h1{margin:12px 0 8px;font-size:clamp(29px,7.5vw,42px);line-height:1.06}.intro-copy{font-size:11px;line-height:1.65}.vision-tags{gap:8px 12px;margin-top:12px}.vision-tags span{font-size:7px;letter-spacing:.5px}.territory-indicator{position:relative;bottom:auto;left:auto;display:flex;width:fit-content;max-width:100%;margin:12px 0 0;padding:7px 10px}.territory-icon{width:31px;height:31px}.access-column{align-self:center;width:100%;max-width:430px;max-height:none;margin:0 auto;overflow:visible;transform:none}.access-card{max-height:none;padding:19px 18px 16px;overflow:visible;background:#030e1af7}.card-topline{margin-bottom:9px;padding-bottom:9px}.logo-container{width:62px;height:62px;margin:10px auto 7px}.welcome-label{font-size:8px;letter-spacing:.9px}.access-card h2.welcome-title{margin:6px 0;font-size:32px}.access-card .access-description{font-size:10px}.access-card .access-motto{margin-bottom:8px;font-size:9px}.form-divider{margin:8px 0 10px}.input-wrap{height:42px}.password-label{margin-top:9px}.form-options{margin:8px 0 10px}.login-submit{min-height:43px}.secure-note{margin-top:9px}.page-footer{position:relative;right:auto;bottom:auto;left:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;min-height:0;margin:0 13px;padding:11px 0 0;font-size:7px;text-align:center}.footer-center{display:none}}@media(max-width:390px){.topbar{margin-right:10px;margin-left:10px}.brand{gap:7px;padding:5px}.brand-mark{width:32px;height:32px}.brand-name{font-size:14px}.brand-subtitle{font-size:6px;letter-spacing:.6px}.main-layout{gap:14px;padding-right:10px;padding-left:10px}.visual-copy{padding:14px 11px}.visual-panel h1{font-size:clamp(27px,7.3vw,34px)}.access-card{padding-right:14px;padding-left:14px}.form-options{gap:6px;font-size:8px}.recovery-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:1101px)and (min-height:761px){.access-column{transform:translate(14px)!important}}@media(min-width:721px)and (max-width:1100px){.access-column{transform:none!important}}@media(max-width:720px){.access-column{transform:none!important}}@media(min-width:1101px)and (min-height:761px){.access-column{transform:translate(25px)!important}}@media(min-width:1101px){.access-column{transform:translate(42px)!important}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;width:100%}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f6fa;color:#172b46;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}::selection{background:#dce8f5;color:#142d4e}