:root{--gradient-start:#00375E;--gradient-mid:#0E4E7A;--gradient-end:#1E6699;--primary-color:#00375E;--primary-dark:#00223a;--text-muted:#64748B;--text-dark:#0f172a;--text-heading:#0f172a;--input-border:#cbd5e1;--input-border-focus:#00375E;--right-bg:#ffffff;--form-radius:18px;--transition:200ms ease-in-out;--font-family:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif}body,html{height:100%;margin:0;padding:0;font-family:var(--font-family);color:var(--text-dark)}.auth-layout,body,html{background-color:#ffffff}.auth-layout{min-height:100vh;height:100vh;display:flex;flex-direction:column;width:100%;position:relative;overflow-x:hidden;overflow-y:hidden;transition:opacity .3s ease-out,transform .3s ease-out}.auth-layout.fade-out{opacity:0;transform:translateY(-10px);pointer-events:none}@media (min-width:768px){.auth-layout{flex-direction:row;height:100vh;max-height:100vh}}.left-column{position:relative;display:flex;width:100%;min-height:max(42vh,320px);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:clamp(24px,4vh,36px);padding:clamp(24px,3vw,40px) clamp(20px,4vw,40px);overflow:hidden;color:#ffffff;flex-shrink:0}.left-column:before{width:600px;height:600px;background:radial-gradient(circle,rgba(30,255,120,.28) 0,transparent 70%);bottom:-140px;left:18%;transform:translateX(-10%);filter:blur(60px);opacity:.85}.left-column:after,.left-column:before{content:"";position:absolute;pointer-events:none;z-index:1}.left-column:after{inset:0;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 0);background-size:80px 80px;background-position:-1px -1px;mix-blend-mode:soft-light;opacity:.5}.brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;width:100%;margin-bottom:0}.brand img{max-width:140px;width:auto;height:auto;object-fit:contain;display:block}.illustration-wrapper{z-index:2;display:flex;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto;max-width:434px;width:100%;min-height:300px;flex-shrink:1;flex-grow:1}.illustration-wrapper img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}.left-column>div,.left-column>span{position:relative;z-index:2}.background-graphic{position:absolute!important;inset:0!important;object-fit:cover!important;opacity:1!important;z-index:0!important;pointer-events:none!important;user-select:none!important}@media (min-width:768px){.left-column{width:50%;min-height:100vh;height:100vh;max-height:100vh;padding:48px 56px;gap:0;overflow-y:hidden;overflow-x:hidden;position:relative;justify-content:flex-start}.brand,.illustration-wrapper{margin-bottom:0;flex-shrink:0}.illustration-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:0;min-height:278px;max-height:60vh;flex-grow:0;width:min(434px,80%)}}.right-column{display:flex;width:100%;min-height:58vh;align-items:center;justify-content:center;padding:clamp(24px,4vh,48px) clamp(18px,3vw,20px);background:var(--right-bg);flex-direction:column;gap:clamp(20px,3vh,24px);flex:1;overflow-y:hidden;overflow-x:hidden}@media (min-width:768px){.right-column{width:50%;min-height:100vh;height:100vh;max-height:100vh;padding:4rem 56px;flex-direction:column;justify-content:center;align-items:center;gap:28px;position:relative}}.page-header{width:100%;max-width:420px;text-align:center;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.page-header h1{color:#111111;font-weight:600;font-size:24px;letter-spacing:-.025em;max-width:400px;min-height:32px;margin:0}.page-header h1,.page-header p{font-family:Inter,sans-serif;line-height:normal;text-align:center;width:100%}.page-header p{color:#667085;font-weight:400;font-size:14px;letter-spacing:0;max-width:313px;min-height:auto;margin:8px 0 0}.page-header p span{font-weight:600;color:#111111}.form-container{align-items:center;max-width:420px;padding:0;margin:0 auto;flex-shrink:0;position:relative;z-index:1}.form-container,.login-form{display:flex;flex-direction:column;width:100%;gap:24px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{color:var(--text-dark);font-size:.875rem;font-weight:500;margin-bottom:4px}.field-group label .required-asterisk{color:#dc2626;margin-left:4px}.input-wrapper{position:relative;width:100%}.input-icon{inset:50% auto auto 16px;display:flex;color:rgba(118,131,150,.8);pointer-events:none}.input-icon,.password-toggle{position:absolute;transform:translateY(-50%);align-items:center;justify-content:center}.password-toggle{inset:50% 14px auto auto;display:inline-flex;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:rgba(118,131,150,.9);cursor:pointer;transition:background-color var(--transition),color var(--transition),opacity var(--transition)}.password-toggle:hover:not(:disabled){background-color:rgba(79,70,229,.1);color:var(--primary-color)}.password-toggle:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.auth-input{width:100%;border-radius:12px;border:1px solid var(--input-border);background-color:#ffffff;padding:12px 16px 12px 44px;font-size:.975rem;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition),opacity var(--transition),cursor var(--transition)}.auth-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.1);background-color:#ffffff}.auth-input--password{padding-right:64px}.auth-input:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}.auth-input:disabled::placeholder{color:#d1d5db}.input-wrapper:has(.auth-input:disabled) .input-icon{opacity:.5}.auth-input::placeholder{color:rgba(118,131,150,.8);transition:color var(--transition)}.login-form button[type=submit]{width:100%;height:44px;display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;font-size:1rem;font-weight:600;letter-spacing:.01em;border-radius:8px;border:none;color:#ffffff;background:var(--primary-color);box-shadow:0 4px 6px -1px rgba(79,70,229,.2);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition)}.login-form button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(79,70,229,.3);background:var(--primary-dark)}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-form button[type=submit]:focus-visible{outline:3px solid rgba(79,70,229,.3);outline-offset:3px}.form-support{width:100%;text-align:left;color:var(--text-muted);font-size:.92rem;line-height:1.45}.form-support p{margin:0;white-space:nowrap;word-break:keep-all}.form-support a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color var(--transition);white-space:nowrap}.form-support a:hover{color:var(--primary-dark)}.auth-link{background:none;border:none;color:var(--text-muted);font-weight:600;text-decoration:none;transition:color var(--transition);white-space:nowrap;cursor:pointer;font-size:.92rem;line-height:1.45;padding:0}.auth-link:hover:not(:disabled){color:var(--primary-color)}.auth-link:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.form-actions{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:12px}.secondary-button{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;letter-spacing:.005em;border-radius:12px;border:1.5px solid var(--primary-color);color:var(--primary-color);background:rgba(255,255,255,.8);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:border-color var(--transition),background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.secondary-button:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--primary-color);color:white;transform:translateY(-1px);box-shadow:0 4px 8px rgba(79,70,229,.2)}.secondary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;border-color:var(--primary-color);background:rgba(255,255,255,.5);color:var(--primary-color)}.secondary-button:focus-visible{outline:3px solid rgba(79,70,229,.3);outline-offset:3px}.support-security{display:none}.support-security svg{width:20px;height:20px}.input-error{margin-top:6px;font-size:.86rem;color:#dc2626}.success-message{font-size:.9rem;color:#047857}.login-header-centered{text-align:center;margin-bottom:32px}.login-header-centered h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px}.login-header-centered p{font-size:15px;color:#64748b;margin:0;line-height:1.5}.clean-input{width:100%;border-radius:6px;border:1px solid #cbd5e1;background-color:#ffffff;padding:10px 14px;font-size:14px;color:#0f172a;outline:none;transition:border-color .2s;box-sizing:border-box}.clean-input.password-input{padding-right:64px!important}.clean-input:focus{border-color:#00375E}.forgot-link-clean{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:0}.forgot-link-clean:hover{color:#0f172a}.primary-login-btn{width:100%;padding:12px;background-color:#00375E;color:white;border-radius:6px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.primary-login-btn:hover{opacity:.9}.secondary-login-btn{width:100%;padding:10px;background-color:transparent;color:#00375E;border-radius:6px;font-size:14px;font-weight:500;border:1px solid #00375e;cursor:pointer;transition:background-color .2s}.secondary-login-btn:hover{background-color:rgba(0,55,94,.05)}.password-toggle-clean{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center}@media (min-width:1200px){.left-column{width:50%;padding:60px 72px;gap:0;min-width:380px;min-height:100vh}.brand img{max-width:160px}.right-column{padding:60px 72px;min-height:100vh}.form-container{padding:44px 48px 50px;max-width:440px}}@media (min-width:1024px) and (max-width:1199px){.left-column{padding:56px 60px;gap:0;min-width:360px;min-height:100vh}.brand img{max-width:150px}.right-column{padding:56px 60px;gap:32px;min-height:100vh}.form-container{padding:40px 44px}}@media (min-width:768px) and (max-width:1023px){.auth-layout{flex-direction:column;min-height:100vh;height:auto}.left-column{min-height:300px;height:auto;padding:36px 40px;border-bottom-left-radius:40px;border-bottom-right-radius:40px;gap:32px;min-width:auto;justify-content:flex-start}.brand{margin-bottom:0}.brand img{max-width:130px}.right-column{min-height:auto;height:auto;padding:56px 40px 80px;justify-content:center;align-items:center;gap:28px}.form-container{max-width:440px}}@media (min-width:481px) and (max-width:767px){.auth-layout{flex-direction:column;min-height:100vh;height:auto}.left-column{min-height:auto;height:auto;padding:32px 24px 80px;border-bottom-left-radius:36px;border-bottom-right-radius:36px;gap:28px;min-width:auto;justify-content:flex-start}.brand{margin-bottom:0}.brand img{max-width:120px}.right-column{min-height:auto;padding:46px 24px 72px;gap:24px;align-items:center}.form-container{padding:36px 32px}}@media (max-width:480px){.auth-layout{flex-direction:column;min-height:100vh;height:auto}.left-column{min-height:auto;height:auto;padding:28px 18px 64px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;gap:24px;min-width:auto;justify-content:flex-start}.brand{margin-bottom:0}.brand img{max-width:110px}.right-column{min-height:auto;padding:38px 18px 60px;gap:24px;align-items:center}.form-container{padding:32px 22px;margin:0 auto}.illustration-wrapper{margin-top:auto;min-height:180px;flex-grow:0}}@media (max-width:319px){.auth-layout{min-height:100vh}.left-column{min-height:auto;padding:24px 14px 48px;justify-content:flex-start}.brand img{max-width:100px}.right-column{min-height:auto;padding:32px 14px 52px}.form-container{padding:28px 18px}}@media (max-width:767px) and (orientation:landscape){.auth-layout{flex-direction:row;min-height:100vh}.left-column{flex:0.45;border-radius:0;overflow-y:hidden}.left-column,.right-column{min-height:100vh;height:auto}.right-column{flex:0.55;padding:48px 32px;overflow-y:auto}.form-container{max-width:380px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form-container{box-shadow:0 20px 48px -26px rgba(46,80,200,.35)}}@supports (height:100dvh){.auth-layout{min-height:100dvh;height:100dvh}.left-column{min-height:max(42dvh,320px)}.right-column{min-height:58dvh}@media (min-width:768px){.auth-layout,.left-column,.right-column{height:100dvh;max-height:100dvh}.left-column,.right-column{min-height:100dvh}}@media (min-width:1024px){.left-column,.right-column{min-height:100dvh;height:100dvh}}@media (max-width:767px){.auth-layout{min-height:100dvh;height:auto}@media (orientation:landscape){.auth-layout{height:100dvh}.left-column,.right-column{min-height:100dvh;height:100dvh}}}}@media (max-height:600px){.auth-layout{min-height:auto}.left-column,.right-column{min-height:auto;max-height:none}}