.auth-module { background: linear-gradient(135deg, rgba(13,17,23,0.95) 0%, rgba(22,27,34,0.9) 100%); border: 2px solid var(--border-color); padding: 25px; max-width: 400px; margin: 20px auto; }
.auth-icon { font-size: 2.5rem; color: var(--accent-primary); text-align: center; margin-bottom: 15px; }
.auth-title { font-family: var(--font-mono); font-size: 1.2rem; font-weight: 900; text-align: center; letter-spacing: 3px; margin-bottom: 15px; color: var(--accent-primary); }
.form-group { margin-bottom: 10px; }
.form-label { display: block; font-family: var(--font-mono); font-size: 0.7rem; color: var(--text-secondary); margin-bottom: 4px; letter-spacing: 1px; }
.form-input { width: 100%; padding: 8px 10px; font-family: var(--font-mono); font-size: 0.85rem; background: rgba(0,0,0,0.5); border: 2px solid var(--border-color); color: var(--text-primary); letter-spacing: 1px; outline: none; }
.form-input:focus { border-color: var(--accent-primary); }
.btn { padding: 10px; font-family: var(--font-mono); font-size: 0.85rem; font-weight: 900; letter-spacing: 2px; cursor: pointer; text-transform: uppercase; border: 2px solid; }
.btn-primary { width: 100%; background: linear-gradient(180deg, #cc0000 0%, #990000 100%); color: white; border-color: #ff0000; }
.btn-primary:hover { background: linear-gradient(180deg, #ff0000 0%, #cc0000 100%); }
.btn-secondary { background: transparent; color: var(--text-primary); border-color: var(--border-color); }
.btn-secondary:hover { border-color: var(--accent-primary); background: rgba(255,0,0,0.1); }
.status-message { text-align: center; font-family: var(--font-mono); font-size: 0.8rem; margin-top: 8px; min-height: 20px; }
textarea.form-input { resize: vertical; min-height: 70px; }