body {
    margin: 0; background: #121212; color: white;
    font-family: 'Ubuntu', Ubuntu, Ubuntu, Ubuntu, sans-serif;
    display: flex; align-items: center; justify-content: center; height: 100vh;
}
.auth-box {
    background: #1e1e1e; padding: 40px; border-radius: 12px;
    width: 320px; box-shadow: 0 15px 35px rgba(0,0,0,0.6);
    border: 1px solid #333;
}
h1 { margin-bottom: 25px; font-size: 26px; text-align: center; font-weight: 300; }
input, select {
    width: 100%; padding: 12px; margin: 10px 0;
    border-radius: 6px; border: 1px solid #444;
    background: #2a2a2a; color: white; box-sizing: border-box;
    transition: 0.3s;
}
input:focus { border-color: #007bff; outline: none; background: #333; }
button {
    width: 100%; padding: 14px; background: #007bff;
    border: none; color: white; border-radius: 6px;
    cursor: pointer; font-weight: bold; margin-top: 15px; font-size: 16px;
}
button:hover { background: #0056b3; }
.error { color: #ff5252; font-size: 13px; margin-bottom: 15px; text-align: center; }
p { text-align: center; font-size: 14px; margin-top: 25px; color: #888; }
a { color: #007bff; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }