.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-box{background:white;padding:2.5rem;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);width:100%;max-width:400px}.login-box h1{color:#2c3e50;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.login-button{width:100%;padding:.75rem;background:#4299e1;color:white;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:1rem}.login-button:hover{background:#3182ce}.toggle-button{width:100%;padding:.75rem;background:transparent;color:#4299e1;border:1px solid #4299e1;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:#ebf8ff}.error-message{color:#e53e3e}.error-message,.success-message{font-size:.875rem;margin-bottom:1rem;text-align:center}.success-message{color:#38a169}