.auth-wrap { display:flex; align-items:center; justify-content:center; min-height: 70vh; padding: 40px 16px; }
.auth-card { width: 100%; max-width: 520px; background:#fff; border-radius: 12px; box-shadow: 0 6px 28px rgba(0,0,0,0.08); padding: 28px; }
.auth-card h1 { margin: 0 0 8px 0; font-size: 1.8rem; }
.auth-card p.subtitle { margin: 0 0 18px 0; color:#666; }
.input-field { position: relative; display:flex; align-items:center; border:1px solid #ddd; border-radius:10px; background:#fafafa; transition: border-color .2s, background .2s; margin-bottom: 14px; }
.input-field:focus-within { border-color: var(--theme-primary, #ff7d0d); background:#fff; }
.input-field .material-icons-outlined { font-size: 22px; margin: 0 10px; color:#999; }
.input-field input, .input-field textarea, .input-field select { border: none; background: transparent; outline: none; padding: 12px 12px 12px 6px; width: 100%; font-size: 1rem; color:#222; }
.actions { display:flex; align-items:center; justify-content:space-between; gap: 12px; margin-top: 6px; }
.actions .left { display:flex; align-items:center; gap:8px; color:#555; }
.actions a { color: var(--theme-primary, #ff7d0d); text-decoration: none; }
.auth-btn { width: 100%; margin-top: 16px; padding: 12px 16px; border-radius: 10px; border:1px solid var(--theme-primary, #ff7d0d); background: var(--theme-primary, #ff7d0d); color:#fff; font-weight:600; cursor:pointer; }
.auth-btn:hover { background: var(--theme-secondary, #01ae3b); border-color: var(--theme-secondary, #01ae3b); }
.alt { margin-top: 14px; color:#555; font-size: .95rem; }
.alt a { color: var(--theme-primary, #ff7d0d); text-decoration: none; }