.login-page{min-height:100vh;background:linear-gradient(to bottom right,#ffffff,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}@media (min-width:640px){.login-page{padding:2rem}}.login-container{display:flex;flex-direction:column;width:100%;max-width:72rem;background-color:#ffffff;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;min-height:600px}@media (min-width:1024px){.login-container{flex-direction:row}}.login-left-panel{display:none;background:#ffffff;padding:3rem;color:#0f172a;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}@media (min-width:1024px){.login-left-panel{display:flex;width:41.666667%}}.decorative-circle-1{top:0;right:0;margin-right:-4rem;margin-top:-4rem;width:16rem;height:16rem;background-color:#dbeafe}.decorative-circle-1,.decorative-circle-2{position:absolute;border-radius:9999px;opacity:.5;filter:blur(48px)}.decorative-circle-2{bottom:0;left:0;margin-left:-4rem;margin-bottom:-4rem;width:20rem;height:20rem;background-color:#f1f5f9}.relative-content{position:relative;z-index:10}.logo-container{display:flex;align-items:center;margin-bottom:4rem}.brand-logo-img-login{max-width:150px;height:auto;object-fit:contain}.welcome-title{font-size:2.25rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#0f172a}@media (min-width:768px){.welcome-title{font-size:3rem}}.welcome-subtitle{color:#64748b;font-size:1.125rem;max-width:24rem;margin-bottom:2rem;line-height:1.625}.resources-info{position:relative;z-index:10;display:flex;align-items:center;gap:1rem;color:#64748b;font-size:.875rem}.login-right-panel{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to bottom right,#1d4ed8,#3b82f6);position:relative}@media (min-width:640px){.login-right-panel{padding:3rem}}@media (min-width:768px){.login-right-panel{padding:4rem}}@media (min-width:1024px){.login-right-panel{width:58.333333%}}@media (min-width:1280px){.login-right-panel{padding:5rem}}.mobile-header{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.brand-logo-img-mobile{max-width:110px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.form-wrapper{max-width:28rem;width:100%;margin-left:auto;margin-right:auto}@media (min-width:1024px){.form-wrapper{margin-left:0;margin-right:0}}.form-title{font-size:1.875rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.form-subtitle{color:#dbeafe;margin-bottom:2rem}.form-container{gap:1.5rem}.form-container,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{font-size:.875rem;font-weight:600;color:#eff6ff;display:block}.input-wrapper{position:relative}.input-icon{position:absolute;top:0;bottom:0;left:0;padding-left:.875rem;display:flex;align-items:center;pointer-events:none;color:#93c5fd;transition:color .2s}.input-wrapper:focus-within .input-icon{color:#ffffff}.input-field{width:100%;padding:.75rem 1rem .75rem 2.75rem;background-color:rgba(30,64,175,.3);border:1px solid rgba(147,197,253,.3);border-radius:.75rem;color:#ffffff;transition:all .2s;outline:none}.input-field::placeholder{color:#93c5fd}.input-field:focus{border-color:rgba(255,255,255,.5);background-color:rgba(30,64,175,.4);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.label-row{display:flex;align-items:center;justify-content:space-between}.forgot-password-link{font-size:.875rem;font-weight:500;color:#bfdbfe;text-decoration:none;transition:all .2s}.forgot-password-link:hover{color:#ffffff;text-decoration:underline}.password-toggle{position:absolute;top:0;bottom:0;right:0;padding-right:.875rem;display:flex;align-items:center;background:transparent;border:none;cursor:pointer;color:#93c5fd;transition:color .2s}.password-toggle:hover{color:#ffffff}.checkbox-row{display:flex;align-items:center}.checkbox-input{height:1rem;width:1rem;accent-color:#3b82f6;background-color:rgba(30,64,175,.3);border:1px solid rgba(147,197,253,.3);border-radius:.25rem;cursor:pointer}.checkbox-label{margin-left:.5rem;display:block;color:#dbeafe}.checkbox-label,.submit-button{font-size:.875rem;cursor:pointer}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:1px solid transparent;border-radius:.75rem;font-weight:700;color:#1d4ed8;background-color:#ffffff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .2s;margin-top:1rem}.submit-button:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.submit-button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 0 0 4px #ffffff}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:hover .arrow-icon{transform:translateX(.25rem)}.arrow-icon{transition:transform .2s}.spinner{animation:spin 1s linear infinite;margin-left:-.25rem;margin-right:.5rem;height:1.25rem;width:1.25rem;color:#1d4ed8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(147,197,253,.3)}.footer-text{font-size:.875rem;color:#bfdbfe;text-align:center}.support-link{font-weight:600;color:#ffffff;text-decoration:none;transition:color .2s}.support-link:hover{color:#dbeafe}.error-message{background-color:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.5);color:#fecaca;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;text-align:center}@media (max-width:480px){.form-title{font-size:1.5rem}}