.login-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.loading-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#fff}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;inset:0;border:3px solid var(--color-neutral-100);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.spinner-logo{position:absolute;inset:12px;width:56px;height:56px;object-fit:contain}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;min-height:100vh;min-height:100dvh;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.login-container.is-ready{opacity:1;transform:translateY(0)}.brand-panel{position:relative;display:none;width:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 50%,var(--color-secondary-600) 100%)}@media(min-width:1024px){.brand-panel{display:flex;flex-direction:column}}.brand-background{position:absolute;inset:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.gradient-orb-1{top:-10%;right:-10%;width:60%;height:60%;background:var(--color-secondary-400);animation:float 20s ease-in-out infinite}.gradient-orb-2{bottom:-20%;left:-10%;width:80%;height:80%;background:var(--color-primary-400);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.geometric-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(200px + var(--ring-index) * 100px);height:calc(200px + var(--ring-index) * 100px);border:1px solid rgba(255,255,255,calc(.15 - var(--ring-index) * .02));border-radius:50%;animation:pulse calc(3s + var(--ring-index) * .5s) ease-in-out infinite;animation-delay:calc(var(--ring-index) * .2s)}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.02);opacity:.7}}.brand-content{position:relative;z-index:10;display:flex;flex-direction:column;flex:1;padding:3rem}@media(min-width:1280px){.brand-content{padding:4rem}}.brand-header{display:flex;align-items:center;gap:1rem;margin-bottom:auto}.brand-logo{height:2.5rem;width:auto;filter:brightness(0) invert(1)}.brand-badge{padding:.375rem .875rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;letter-spacing:.025em}.brand-text{margin-block:auto;max-width:28rem}.brand-title{font-family:var(--font-brand);font-size:3rem;font-weight:700;line-height:1.1;color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem}@media(min-width:1280px){.brand-title{font-size:3.5rem}}.text-highlight{position:relative;display:inline-block}.text-highlight:after{content:"";position:absolute;bottom:.125rem;left:0;right:0;height:.25rem;background:#fff6;border-radius:9999px}.brand-description{font-size:1.125rem;line-height:1.6;color:#ffffffd9}.brand-stats{display:flex;align-items:center;gap:2rem;margin-top:3rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:1rem}.stat-item{text-align:center;flex:1}.stat-value{font-family:var(--font-brand);font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:2.5rem;background:#fff3}.brand-footer{position:relative;z-index:10;padding:2rem 3rem}.trust-indicators{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3}.form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#fafafa,#f5f5f5)}@media(min-width:640px){.form-panel{padding:2rem}}@media(min-width:1024px){.form-panel{width:50%;padding:3rem}}.form-container{width:100%;max-width:26rem}.mobile-header{display:flex;justify-content:center;margin-bottom:2rem}@media(min-width:1024px){.mobile-header{display:none}}.mobile-logo{height:2.5rem;width:auto}.form-card{background:#fff;border-radius:1.5rem;border:1px solid var(--color-neutral-100);padding:2rem;box-shadow:0 4px 24px #0000000a}@media(min-width:640px){.form-card{padding:2.5rem}}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-family:var(--font-brand);font-size:1.75rem;font-weight:700;color:var(--color-neutral-900);margin-bottom:.5rem;letter-spacing:-.02em}.form-subtitle{font-size:.9375rem;color:var(--color-neutral-500)}.error-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:.75rem;margin-bottom:1.5rem}.error-icon{flex-shrink:0;color:var(--color-error-500)}.error-content{flex:1;min-width:0}.error-text{font-size:.875rem;color:var(--color-error-700);line-height:1.4}.error-dismiss{flex-shrink:0;padding:.25rem;color:var(--color-error-400);border-radius:.375rem;transition:color .2s,background-color .2s}.error-dismiss:hover{color:var(--color-error-600);background:var(--color-error-100)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-header{display:flex;align-items:center;justify-content:space-between}.field-label{font-size:.875rem;font-weight:500;color:var(--color-neutral-700)}.forgot-link{font-size:.8125rem;color:var(--color-primary-500);font-weight:500;transition:color .2s}.forgot-link:hover:not(:disabled){color:var(--color-primary-600)}.forgot-link:disabled{opacity:.5;cursor:not-allowed}.input-wrapper{position:relative}.field-error{font-size:.8125rem;color:var(--color-error-500)}.remember-row{margin-top:.25rem}.remember-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.875rem;color:var(--color-neutral-600)}.submit-button{width:100%;justify-content:center;margin-top:.5rem}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-neutral-100);font-size:.75rem;color:var(--color-neutral-400)}.form-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;text-align:center}.copyright{font-size:.8125rem;color:var(--color-neutral-400)}.footer-links{display:flex;align-items:center;gap:.5rem}.footer-link{font-size:.8125rem;color:var(--color-neutral-500);transition:color .2s}.footer-link:hover{color:var(--color-primary-500)}.link-divider{color:var(--color-neutral-300)}