*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:16px;padding:40px;transition:transform .3s;box-shadow:0 10px 30px rgba(0,0,0,.1)}.login-card:hover{transform:translateY(-5px)}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#333;margin-bottom:8px;font-size:28px;font-weight:600}.login-header p{color:#666;font-size:16px}.login-form,.form-group{margin-bottom:20px}.form-group label{color:#444;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.form-group input:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input.error{border-color:#e74c3c}.error-message{color:#e74c3c;margin-top:6px;font-size:14px;display:block}.form-options{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.remember-me{cursor:pointer;color:#555;align-items:center;font-size:14px;display:flex}.remember-me input{margin-right:8px}.forgot-password{color:#667eea;font-size:14px;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#5a6fd8;text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.loading{background:linear-gradient(135deg,#8fa1ec 0%,#8d6bb5 100%)}.login-footer{text-align:center;color:#666;border-top:1px solid #eee;margin-top:25px;padding-top:20px;font-size:14px}.login-footer a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#5a6fd8;text-decoration:underline}.social-login{text-align:center;margin-top:25px}.social-login p{color:#666;margin-bottom:15px;font-size:14px;position:relative}.social-login p:before,.social-login p:after{content:"";background-color:#eee;width:30%;height:1px;position:absolute;top:50%}.social-login p:before{left:0}.social-login p:after{right:0}.social-buttons{gap:12px;display:flex}.social-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.social-button:hover{background:#f5f5f5;transform:translateY(-2px)}.social-button.google{color:#444}.social-button.github{color:#333}@media (max-width:480px){.login-card{padding:30px 20px}.form-options{flex-direction:column;align-items:flex-start;gap:15px}.social-buttons{flex-direction:column}}