body{background:linear-gradient(135deg,#f0f4ff,#d9e2ff);font-family:Inter,sans-serif}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:.5rem;border:1px solid #fcc;margin-bottom:1rem;font-size:.875rem}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.logo{background-color:#4a7dff;border-radius:.5rem;padding:.75rem;display:inline-block;margin-bottom:1rem}.logo i{color:#fff;font-size:1.5rem}.login-header h1{font-size:1.75rem;font-weight:700;color:#1e293b}.login-header p{color:#64748b}.login-card{background-color:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:28rem}.login-card h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-card .subtitle{color:#64748b;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.5rem}.input-wrapper{position:relative}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#4a7dff;box-shadow:0 0 0 2px #4a7dff33}.password-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#94a3b8;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:.5rem}.remember-me label{font-size:.875rem;color:#475569}.forgot-password{font-size:.875rem;color:#4a7dff;text-decoration:none}.forgot-password:hover{text-decoration:underline}.signin-btn{width:100%;background-color:#4a7dff;color:#fff;padding:.875rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.signin-btn:hover{background-color:#3a6de5}.divider{display:flex;align-items:center;text-align:center;color:#94a3b8;margin:2rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.social-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f8fafc;cursor:pointer;transition:background-color .2s}.social-btn:hover{background-color:#f1f5f9}.social-btn i{margin-right:.5rem}.signup-link{text-align:center;font-size:.875rem;color:#64748b}.signup-link a{color:#4a7dff;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.footer{text-align:center;margin-top:3rem;color:#94a3b8;font-size:.875rem}