.auth-page-wrapper { background-color: var(--c-marine); display: flex; align-items: center; justify-content: center; height: 100vh; width: 100vw; }
.auth-card { background: #fff; padding: 40px; border-radius: var(--radius-md); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); width: 100%; max-width: 400px; text-align: center; }
.auth-card.wide { max-width: 450px; }
.auth-form-group { text-align: left; margin-bottom: 20px; }
.auth-label { display: block; font-weight: bold; color: var(--c-marine); font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.auth-input { width: 100%; padding: 12px 15px; border: 1px solid var(--c-beige-light); border-radius: var(--radius-sm); font-family: inherit; font-size: 15px; transition: border-color 0.2s; outline: none; }
.auth-input:focus { border-color: var(--c-gold); box-shadow: 0 0 0 3px rgba(196, 163, 128, 0.1); }
.auth-input.code-input { text-align: center; font-size: 24px; letter-spacing: 5px; font-family: monospace; }
.auth-qr-box { width: 200px; height: 200px; margin: 0 auto 20px auto; border: 1px solid var(--c-beige-light); border-radius: 8px; padding: 10px; }
.auth-icon-circle { width: 60px; height: 60px; background: var(--c-beige-bg); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; }