.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-md);background-color:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-sidebar{display:none}.login-form-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.login-card{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:440px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-header{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.login-header .logo-icon{width:48px;height:48px;background-color:#4ced17;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 1.5rem}.login-header h1{font-size:24px;font-weight:700;color:#111827;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:14px}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s;background-color:#fff}.form-group input:focus{outline:none;border-color:#4ced17;box-shadow:0 0 0 3px #4ced171a}.form-group input::placeholder{color:#9ca3af}.form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:.25rem}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:.5rem;font-size:.9rem;border:1px solid #fcc}.btn-primary{background-color:#4ced17;color:#fff;padding:.75rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.btn-primary:hover{background-color:#3bce0f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-google{width:100%;background:#fff;color:#3c4043;padding:.75rem;border:1px solid #dadce0;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.btn-google:active{background:#f1f3f4}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-google svg{flex-shrink:0}.btn-secondary{background:#fff;color:#4ced17;padding:.75rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{color:#3bce0f;background:transparent}#toggleRegister{width:100%}.btn-text{background:none;border:none;color:#6b7280;padding:.5rem;font-size:14px;cursor:pointer;text-align:center;font-weight:500}.btn-text:hover{color:#111827}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#999}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider span{padding:0 1rem;font-size:.9rem}@media(min-width:1024px){.login-container{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch}.login-container.centered-layout{display:flex;justify-content:center;align-items:center;background:#f3f4f6}.login-sidebar{display:flex;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;position:relative;overflow:hidden}.login-sidebar:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(76,237,23,.15) 0%,transparent 70%);pointer-events:none}.sidebar-content{position:relative;z-index:1;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:500px;margin:0 auto;text-align:center}.sidebar-avatar{width:100%;max-width:280px;position:relative}.sidebar-avatar img{width:100%;height:auto;display:block;mask-image:linear-gradient(to bottom,#000 0% 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%)}.sidebar-logo{display:flex;align-items:center;gap:1rem;justify-content:center}.sidebar-logo img{width:48px;height:48px}.sidebar-logo h2{font-size:1.75rem;font-weight:700;margin:0;color:#fff}.sidebar-tagline h3{font-size:2rem;font-weight:700;line-height:1.3;margin:0;color:#fff}.typewriter-text{display:inline-block;color:#4ced17;font-weight:800;min-height:1.2em;position:relative}.typewriter-text:after{content:"|";display:inline-block;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.login-form-wrapper{padding:2rem;background:#f3f4f6}.login-card{box-shadow:0 10px 25px -5px #0000001a}}