body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#2c3e50;font-size:1.8rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.error-message{background-color:#e74c3c1a;border-radius:6px;color:#e74c3c;margin-bottom:1rem;padding:10px;text-align:center}button{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}button:hover{box-shadow:0 4px 12px #2980b933;transform:translateY(-1px)}button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:480px){.login-box{padding:1.5rem}.login-box h2{font-size:1.5rem}}