.theme-toggle,body{color:var(--text-primary)}.feature,.features{gap:var(--space-sm)}.form-side,.illustration-side{padding:var(--space-xl);display:flex}.input-group input,body{padding:var(--space-md)}:root{--bg-color:#1F2122;--surface-color:#27292A;--primary-accent:#CF99D1;--secondary-accent:#F9F871;--highlight:#EAE657;--text-primary:#FFF7FF;--text-secondary:#B0B2B2;--success:#4CAF50;--warning:#FFC107;--error:#F44336;--font-primary:'Lexend',sans-serif;--font-secondary:'Quicksand',sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:50%;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.15);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.2);--shadow-xl:0 12px 24px rgba(0, 0, 0, 0.25);--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}.forgot,.input-group input,.theme-toggle{transition:all var(--transition-fast)}[data-theme=light]{--bg-color:#FFF7FF;--surface-color:#F0EEF0;--primary-accent:#AD62B1;--secondary-accent:#D2D84F;--highlight:#B7BA45;--text-primary:#1F2122;--text-secondary:#4B4D4E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);background-color:var(--bg-color);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-medium),color var(--transition-medium)}.login-container{display:flex;width:100%;max-width:1100px;min-height:650px;background:var(--surface-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.login-btn,.logo-icon,.theme-toggle{box-shadow:var(--shadow-md)}.login-header{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;background-color:var(--surface-color);border:1px solid var(--text-secondary);font-size:1.2rem}.feature,.feature i,.illustration-side h2,.illustration-side p,.organ,.theme-toggle:hover{color:var(--bg-color)}.theme-toggle:hover{background-color:var(--highlight);border-color:var(--highlight);transform:rotate(15deg)}.illustration-side{flex:1.2;background:linear-gradient(135deg,var(--primary-accent) 0,#8b5cf6 100%);flex-direction:column;justify-content:center;position:relative;overflow:hidden}.medical-animation{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:1}.organ{position:absolute;font-size:3.5rem;animation:6s ease-in-out infinite float}.organ:first-child{top:15%;left:15%;animation-delay:0s}.organ:nth-child(2){top:65%;left:75%;animation-delay:2s}.organ:nth-child(3){top:35%;left:55%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(5deg)}}.illustration-content{position:relative;z-index:2}.illustration-side h2{font-family:var(--font-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);line-height:1.2}.illustration-side p{font-size:1.15rem;margin-bottom:var(--space-lg);opacity:.9;line-height:1.6}.features{display:flex;flex-direction:column}.feature{display:flex;align-items:center;font-weight:500;font-size:1.05rem}.input-group label,.logo,.remember{gap:var(--space-xs)}.form-container h1,.logo-text{font-weight:700;font-family:var(--font-primary)}.feature i{font-size:1.2rem}.input-group input,.input-group label,.logo-text{color:var(--text-primary)}.form-side{flex:1;flex-direction:column;justify-content:center;position:relative}.logo,.logo-icon{align-items:center;display:flex}.logo{margin-bottom:var(--space-xl);justify-content:center}.logo-icon{justify-content:center;width:50px;height:50px;background-color:var(--primary-accent);border-radius:var(--radius-md);overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:cover}.logo-text{font-size:1.8rem}.form-container{max-width:400px;margin:0 auto;width:100%}.form-container h1{font-size:2.2rem;margin-bottom:var(--space-xs);text-align:center;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.1rem}.input-group{margin-bottom:var(--space-lg);position:relative}.input-group label{display:block;margin-bottom:var(--space-xs);font-weight:600;display:flex;align-items:center}.input-group input{width:100%;border-radius:var(--radius-lg);border:2px solid var(--text-secondary);background-color:var(--bg-color);font-family:var(--font-secondary);font-size:1rem}.password-toggle,.remember label{color:var(--text-secondary);cursor:pointer}.input-group input:focus{outline:0;border-color:var(--primary-accent);box-shadow:0 0 0 4px rgba(207,153,209,.2);transform:translateY(-2px)}.input-group input.error{border-color:var(--error)}.password-toggle{position:absolute;right:var(--space-md);top:42px;transition:color var(--transition-fast);background:var(--bg-color);padding:4px;border-radius:var(--radius-round)}.password-toggle:hover{color:var(--primary-accent);background:rgba(207,153,209,.1)}.forgot:hover,.signup-link a:hover{color:var(--highlight)}.error-message{color:var(--error);font-size:.9rem;margin-top:var(--space-xs);min-height:1.2rem;font-weight:500}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.login-btn,.login-status{margin-bottom:var(--space-md)}.remember{display:flex;align-items:center}.remember input{width:auto;accent-color:var(--primary-accent)}.remember label{font-size:.95rem}.forgot,.signup-link a{color:var(--primary-accent);text-decoration:none}.forgot{font-size:.95rem;font-weight:500}.login-btn,.signup-link a{font-weight:600;transition:all var(--transition-fast);position:relative}.forgot:hover{text-decoration:underline}.login-btn{width:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:var(--bg-color);font-family:var(--font-primary);font-size:1.1rem;cursor:pointer;overflow:hidden}.login-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}.login-btn:hover::before{left:100%}.login-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.login-btn:active{transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-status{text-align:center;min-height:1.5rem;font-weight:500;padding:var(--space-xs);border-radius:var(--radius-md)}.signup-link{text-align:center;color:var(--text-secondary);font-size:.95rem}.signup-link a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-accent);transition:width var(--transition-medium)}.signup-link a:hover::after{width:100%}@media (max-width:900px){.login-container{flex-direction:column;min-height:auto;max-width:500px}.illustration-side{padding:var(--space-lg);order:2;display:none}.form-side{padding:var(--space-xl) var(--space-lg);order:1}.illustration-side h2{font-size:1.8rem}.form-container h1{font-size:2rem}}@media (max-width:480px){.login-container{border-radius:var(--radius-lg)}.form-side{padding:var(--space-lg) var(--space-md)}.logo{margin-bottom:var(--space-lg)}.logo-icon{width:40px;height:40px}.logo-text{font-size:1.5rem}.form-container h1{font-size:1.8rem}.subtitle{font-size:1rem}.remember-forgot{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}