/* CSS Document */

body, * { font-family: 'HCo Whitney SSm', sans-serif !important; }
body { display: flex; justify-content: center; align-items: center; height: 80vh; margin: 0; background: #f4f6f8; padding: 1rem; }

h2 { font-weight: 325;}

.login-box { background: white; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

input[type="password"] { padding: 10px; width: 250px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; }
input[type="password"]:focus { border: 1px; border-color: #FA6432; box-shadow: 0 0 0 2px rgba(250, 100, 50, 0.2); }

button { text-transform: uppercase; font-weight: 600; padding: 10px 30px; background: #ff6633; color: black; border: none; border-radius: 4px; cursor: pointer; }
button:hover { filter: saturate(1.5); }

.error { color: red; margin-bottom: 10px; }