/* Auth forms - gradients, hover */
.auth-form { background: #2a2a2a; padding: 40px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.5); max-width: 400px; width: 100%; }
.input-group { margin-bottom: 20px; }
label { display: block; margin-bottom: 5px; color: #ccc; font-size: 0.9em; }
input { width: 100%; padding: 12px; background: #3a3a3a; border: 1px solid #555; border-radius: 5px; color: #fff; font-size: 1em; transition: border 0.3s; }
input:focus { outline: none; border-color: #00bfff; box-shadow: 0 0 5px rgba(0,191,255,0.3); }
.btn-primary { width: 100%; padding: 12px; background: linear-gradient(135deg, #00bfff 0%, #0099cc 100%); border: none; border-radius: 5px; color: #fff; font-size: 1.1em; cursor: pointer; transition: opacity 0.3s; }
.btn-primary:hover { opacity: 0.9; }
.link-reg, .forgot-pass { display: block; text-align: center; margin-top: 15px; color: #00bfff; text-decoration: none; font-size: 0.9em; }
.link-reg:hover, .forgot-pass:hover { text-decoration: underline; }
.checkbox-group { margin: 20px 0; }
.checkbox-group label { display: flex; align-items: center; font-size: 0.9em; color: #ccc; }
.checkbox-group input[type="checkbox"] { width: auto; margin-right: 10px; }
.btn-logout { background: #ff4444; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; margin-left: 20px; }
EOF10