body { font-family: Arial, sans-serif; background: #0f0f10; color: #eae3cf; }
.auth-container { max-width: 420px; margin: 8vh auto; background: #171718; padding: 24px; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,0.4); }
.auth-title { text-align: center; color: #f3d37a; margin-bottom: 16px; }
.auth-container label { display:block; margin:10px 0 6px; color:#eae3cf; }
.auth-container input { width: 100%; padding: 10px; border: 1px solid #2a2a2b; border-radius: 8px; background:#0f0f10; color:#eae3cf; }
.auth-actions { margin-top: 16px; display: flex; gap: 10px; justify-content: flex-start; align-items: center; }
.btn { display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 16px; border: none; border-radius: 8px; cursor: pointer; white-space: nowrap; line-height:1; box-sizing:border-box; }
.auth-actions .btn { width: auto !important; flex: 0 0 auto; }
.btn-primary { min-width: 120px; }
.btn-primary { background: #c6a054; color: #171718; }
.btn-secondary { background: #2a2a2b; color: #eae3cf; }
.hint { color:#a58b5f; font-size: 12px; margin-top: 8px; }
.msg { color: #ffb4a2; margin: 6px 0; font-size: 13px; }