:root{--font-condensed:"Barlow Condensed", sans-serif;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--brand-pink:#e6007e;--brand-blue-title:#005c8a;--brand-blue-light:#007bc4;--brand-link-blue:#007bc4;--brand-legal-red:#d62d7c;--input-border:#007bc4;color:#333;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body{box-sizing:border-box;background-color:#fff;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.login-container{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;animation:.6s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.dot-pattern-header{z-index:5;flex-direction:column;width:100%;padding-top:2px;display:flex}.dot-row{background-image:linear-gradient(to right, var(--brand-blue-light) 200px, var(--brand-pink) 200px);background-repeat:repeat-x;background-size:400px 100%;width:100%;height:30px;-webkit-mask-image:radial-gradient(circle,#000 2.5px,#0000 2.5px);mask-image:radial-gradient(circle,#000 2.5px,#0000 2.5px);-webkit-mask-size:10px 10px;mask-size:10px 10px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.main-layout{z-index:5;flex:1;width:100%;display:flex;position:relative}.left-panel{z-index:10;flex-direction:column;justify-content:flex-start;width:100%;max-width:770px;min-height:calc(100vh - 35px);padding:5vh 0 56px 7%;display:flex}.logo-container{justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;position:relative;left:-100px}.brand-logo{width:auto;max-width:100%;height:183px}.form-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:38px;margin-bottom:25px;display:flex;position:relative;top:-30px;left:-100px}.form-title{font-family:var(--font-condensed);color:var(--brand-blue-title);letter-spacing:1px;text-align:center;margin:0 0 28px;font-size:32px;font-weight:700}.login-form{flex-direction:column;align-items:center;width:100%;display:flex}.input-label{font-family:var(--font-condensed);color:var(--brand-blue-light);letter-spacing:1.5px;text-align:center;margin-bottom:12px;font-size:20px;font-weight:500}.input-wrapper{width:290px;margin-bottom:32px;position:relative}.username-field{background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom, var(--brand-blue-light) 50%, var(--brand-pink) 50%);width:100%;height:55px;font-family:var(--font-sans);color:#444;background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:60px;outline:none;padding:0 50px 0 20px;font-size:18px;transition:opacity .2s,box-shadow .2s}.username-field:focus{box-shadow:0 0 0 4px #e6007e26}.toggle-visibility-btn{cursor:pointer;color:var(--brand-pink);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.toggle-visibility-btn:hover{transform:translateY(-50%)scale(1.1)}.eye-icon{width:23px;height:23px}.submit-btn{color:#fff;width:164px;height:41px;font-family:var(--font-condensed);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(90deg,#007bc4 0%,#e6007e 100%);border:none;border-radius:60px;align-self:center;font-size:18px;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 5px 10px #0000000d}.submit-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.submit-btn:active{transform:translateY(2px);box-shadow:0 3px 5px #0000000d}.links-container{flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:28px;display:flex}.nav-link{font-family:var(--font-condensed);color:var(--brand-link-blue);letter-spacing:.5px;font-size:18px;font-weight:500;text-decoration:underline;transition:color .2s}.nav-link:hover{color:var(--brand-pink)}.security-image-container{justify-content:center;width:100%;margin-bottom:28px;display:flex}.security-image-circle{border:4px solid var(--brand-blue-light);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;overflow:hidden;box-shadow:0 6px 12px #0000000d}.security-image{object-fit:cover;width:100%;height:100%}.conectando-container{justify-content:center;width:100%;margin-bottom:28px;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#fff6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.conectando-box{background-color:#ebebeb;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:168px;height:67px;display:flex;box-shadow:0 4px 12px #00000026}.conectando-spinner{border:2px solid #0000;border-bottom-color:var(--brand-pink);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.conectando-text{font-family:var(--font-condensed);color:#888;font-size:16px}.security-title{font-family:var(--font-condensed);color:var(--brand-blue-title);text-align:center;margin:0 0 16px;font-size:21px;font-weight:700}.security-desc{font-family:var(--font-sans);color:#555;text-align:center;margin:0 0 30px;font-size:14px;line-height:1.4}.back-container{justify-content:flex-start;width:100%;max-width:290px;margin-top:38px;margin-left:-280px;display:flex}.back-btn{cursor:pointer;color:var(--brand-blue-title);font-family:var(--font-condensed);letter-spacing:.5px;background:0 0;border:none;align-items:center;padding:0;font-size:18px;font-weight:700;transition:opacity .2s;display:flex}.back-btn:hover{opacity:.8}.back-arrow{width:auto;height:18px;margin-right:10px}.footer-container{justify-content:flex-start;align-items:center;gap:18px;width:100%;padding-top:13px;padding-bottom:25px;display:flex;position:relative;top:-30px}.ssl-container{align-items:center;display:flex}.ssl-logo{object-fit:contain;width:auto;height:60px;position:relative;left:-5vw}.recaptcha-text{font-family:var(--font-condensed);color:var(--brand-blue-title);text-align:left;max-width:378px;margin:0;font-size:19px;line-height:1.3}.legal-link{color:var(--brand-pink);font-weight:500;text-decoration:underline;transition:opacity .2s}.legal-link:hover{opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-keyboard-bg{object-fit:contain;pointer-events:none;z-index:1;width:auto;height:90%;max-height:850px;animation:.8s ease-out slideInFromRight;position:absolute;top:40%;right:-5%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%)translate(50px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@media (width<=1024px){.global-keyboard-bg{opacity:.12;height:70%;right:-25%}.left-panel{align-items:center;max-width:100%;min-height:auto;padding:30px 24px}.logo-container{justify-content:center;width:100%;max-width:315px;left:0}.brand-logo{height:90px}.form-container{align-items:center;width:100%;max-width:315px;margin-top:30px;margin-bottom:30px;top:0;left:0}.input-label{margin-left:0}.submit-btn{align-self:center;margin-left:0}.links-container{align-items:center;margin-left:0}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:30px;top:0}.ssl-logo{left:0}.back-container{justify-content:flex-start;width:100%;margin-left:0}.recaptcha-text{max-width:320px}}