:root{font-family:Segoe UI,Montserrat,Arial,sans-serif;color:#18213c;background:#3144b5;font-synthesis:none;--blue: #3144b5;--cyan: #40bac6;--green: #45e0a3;--muted: #6f7890}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.login-page{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 12% 92%,rgba(255,255,255,.26),transparent 30%),linear-gradient(135deg,#3144b5c7,#3144b5a1 48%,#40bac66b),url(/Assets/Images/LogonPrincipal.jpg) center/cover}.login-page:after,.particles{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:28px 28px}.circle{position:absolute;border-radius:50%;background:#ffffff52;animation:ripple 15s infinite}.circle-1{width:1000px;height:1000px;left:-500px;bottom:-500px;opacity:.25}.circle-2{width:700px;height:700px;left:-350px;bottom:-350px;opacity:.35}.circle-3{width:400px;height:400px;left:-200px;bottom:-200px;opacity:.45}@keyframes ripple{50%{transform:scale(1.15)}}.login-card{width:100vw;min-height:100vh;position:relative;z-index:2;display:grid;grid-template-columns:52% 48%;background:#fff}.form-side{display:grid;place-items:center;padding:clamp(28px,5vw,72px);background:#fff}.form-wrap{width:min(420px,100%)}.form-wrap form,.jobs-panel{display:flex;flex-direction:column}header{margin-bottom:28px}header h1{margin:0;font-size:clamp(30px,3vw,46px);line-height:1.08;letter-spacing:-.6px}.accent{display:block;width:58px;height:3px;margin:16px 0 0;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--green))}header p{margin:14px 0 0;color:var(--muted);font-size:14px;font-weight:600}label{margin:0 0 8px;font-size:13px;font-weight:800}.input-shell{height:56px;display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:0 15px;border:1px solid rgba(49,68,181,.2);border-radius:13px;box-shadow:0 10px 24px #3144b50d;transition:.2s ease}.input-shell:focus-within{border-color:#3144b594;box-shadow:0 14px 30px #3144b521;transform:translateY(-1px)}.input-shell>svg{width:20px;color:#22305b}.input-shell input{width:100%;height:100%;min-width:0;border:0;outline:0;color:#18213c;background:transparent}.icon-button{display:grid;place-items:center;padding:8px;border:0;border-radius:9px;color:var(--blue);background:transparent;cursor:pointer}.icon-button:hover{background:#3144b514}.icon-button svg{width:18px}.forgot{align-self:flex-end;margin:-5px 0 20px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.notice{margin:0 0 16px;padding:12px 14px;border-radius:12px;color:#8b2635;background:#fff1f2;border:1px solid #fecdd3;font-size:13px;line-height:1.4}.notice.notice-ok{color:#14804a;background:#eafaf0;border-color:#b7ebc6}.forgot.link-button{align-self:flex-end;margin:-5px 0 20px;font-size:13px}.primary-button,.secondary-button{min-height:54px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;cursor:pointer;transition:.22s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#3144b5,#2437a5);box-shadow:0 10px 25px #3144b540}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #3144b54d}.primary-button svg,.secondary-button svg{width:19px}button:disabled{opacity:.55;cursor:wait}.secondary-button{color:var(--blue);border:1px solid var(--blue);background:#fff}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.jobs-button{min-height:56px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#16a9bd;border:1px solid rgba(64,186,198,.28);border-radius:16px;background:linear-gradient(135deg,#40bac61a,#3144b50a);font-weight:800;cursor:pointer}.jobs-button svg{width:17px}.welcome-side{position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0d2f91cc,#3144b5ad,#40bac68c),url(/Assets/Images/LogonPrincipal.jpg) center/cover}.welcome-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(64,186,198,.24),transparent 30%)}.welcome-content{width:min(440px,72%);position:relative;z-index:2;text-align:center}.welcome-content img{max-width:min(310px,90%);max-height:120px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15))}.eyebrow{margin:48px 0 8px!important;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;opacity:.85}.welcome-content h2{margin:0;font-size:clamp(30px,3.3vw,54px);line-height:1.08}.welcome-line{width:58px;height:3px;display:block;margin:20px auto;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--green))}.welcome-content p{font-weight:600}.welcome-content a{width:fit-content;margin:30px auto 0;padding:13px 18px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.48);border-radius:13px;color:#fff;text-decoration:none;font-weight:700}.welcome-content a svg{width:17px}.mobile-logo{display:none;max-width:min(320px,78%);max-height:110px;margin:0 auto 28px;object-fit:contain}.back-button{width:46px;height:46px;display:grid;place-items:center;margin-bottom:20px;border:0;border-radius:14px;color:#fff;background:var(--blue);cursor:pointer}.job-list{max-height:60vh;overflow:auto;display:grid;gap:14px;padding:3px}.job-list a{min-height:78px;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:14px;padding:14px;color:#18213c;text-decoration:none;border:1px solid rgba(49,68,181,.12);border-radius:18px;box-shadow:0 10px 24px #3144b514}.job-list a:hover{transform:translateY(-2px);border-color:#40bac680}.job-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}.job-list strong,.job-list small{display:block}.job-list small{margin-top:5px;color:var(--muted);font-size:12px}.job-list>a>svg{width:18px;color:var(--blue)}.loading{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:15px;text-align:center;color:var(--blue);background:#fff;font-weight:700}.loading img{width:52px;animation:pulse 1.4s infinite}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.5}}.sk{display:block;background:#e6e9f0;border-radius:10px;animation:sk-pulse 1.3s ease-in-out infinite}.loading.sk-screen{display:block;place-content:unset;padding:0}.sk-form{display:flex;flex-direction:column}.sk-logo{display:none;height:44px;width:160px;margin:0 auto 28px}.sk-title{height:38px;width:70%}.sk-accent{height:3px;width:58px;margin:16px 0 0;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--green));animation:none}.sk-subtitle{height:14px;width:55%;margin:14px 0 28px}.sk-label{height:12px;width:72px;margin:0 0 8px}.sk-field{height:56px;width:100%;margin-bottom:18px;border-radius:13px}.sk-link{height:12px;width:150px;align-self:flex-end;margin:-5px 0 20px}.sk-submit{height:54px;width:100%;border-radius:14px}.sk-inv{background:#ffffff59}.sk-welcome{display:flex;flex-direction:column;align-items:center}.sk-w-logo{height:60px;width:min(310px,90%)}.sk-w-eyebrow{height:12px;width:110px;margin:48px 0 8px}.sk-w-title{height:44px;width:75%}.sk-w-line{width:58px;height:3px;margin:20px 0;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--green));animation:none}.sk-w-text{height:14px;width:60%}.sk-w-cta{height:48px;width:150px;margin-top:30px;border-radius:13px}@media(max-width:900px){.sk-logo{display:block}}@keyframes pulse{50%{transform:scale(1.12);opacity:.65}}@media(max-width:900px){.login-card{grid-template-columns:1fr;min-height:100vh}.welcome-side{display:none}.form-side{min-height:100vh;padding:28px 22px}.mobile-logo{display:block}}@media(max-width:480px){.form-side{align-items:start;padding:24px 18px}.form-wrap{padding-top:8px}header{margin-bottom:22px}header h1{font-size:30px}.input-shell{height:52px}.button-row{grid-template-columns:1fr}.job-list a{grid-template-columns:42px 1fr 20px;padding:12px}.job-icon{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.otp-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.otp-methods button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid #d7deec;border-radius:12px;background:#fff;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.otp-methods button svg{width:18px;height:18px}.otp-methods button.active{border-color:var(--blue);color:var(--blue);background:#f3f5ff}.otp-hint{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.4}.otp-hint svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.link-button{background:none;border:none;padding:0;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline}.link-button:disabled{opacity:.5;cursor:default}#otp{letter-spacing:6px;text-align:center;font-weight:600}