body { font-family: "Segoe UI", sans-serif; margin:0; padding:0; background:#f4f4f4; }
.auth-container { max-width:400px; margin:80px auto; padding:30px; background:white; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.auth-container h2 { text-align:center; margin-bottom:20px; }
.auth-container form { display:flex; flex-direction:column; gap:15px; }
.auth-container label { display:flex; flex-direction:column; font-weight:500; }
.auth-container input, .auth-container select { padding:8px; font-size:1em; border-radius:4px; border:1px solid #ccc; }
.auth-container button { padding:10px; background:#2980b9; color:white; border:none; border-radius:4px; cursor:pointer; font-size:1em; }
.auth-container button:hover { background:#1c5980; }
.auth-container p { text-align:center; margin-top:15px; }
.auth-container a { color:#2980b9; text-decoration:none; }
.auth-container a:hover { text-decoration:underline; }
#loginMsg, #registerMsg { color:red; margin-top:10px; text-align:center; }