.auth-main { width: calc(100% - 64px); min-height: calc(100vh - 150px); margin: 0 auto; display: grid; grid-template-columns: minmax(320px, 1fr) minmax(360px, 480px); align-items: center; gap: clamp(48px, 10vw, 180px); padding: 80px 0; }
.auth-intro h1 { margin-bottom: 26px; font-size: clamp(3.8rem, 7vw, 6.8rem); }
.auth-intro > p:last-child { max-width: 360px; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.auth-panel { padding: clamp(24px, 4vw, 42px); border: 1px solid rgba(214, 184, 90, .3); border-radius: 22px; background: linear-gradient(145deg, rgba(38, 32, 25, .96), rgba(20, 18, 16, .96)); box-shadow: 0 24px 70px rgba(0, 0, 0, .24); color: var(--ink); }
.auth-tabs { display: flex; gap: 24px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.auth-tab { padding: 0 0 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: .78rem; font-weight: 700; letter-spacing: .05em; }
.auth-tab.is-active { border-color: var(--accent); color: var(--ink); }
.auth-form { display: grid; gap: 9px; }
.auth-form.is-hidden { display: none; }
.auth-form label { margin-top: 10px; color: var(--ink); font-size: .74rem; font-weight: 700; letter-spacing: .04em; }
.auth-form input { width: 100%; padding: 14px 13px; border: 1px solid rgba(247, 241, 232, .2); border-radius: 8px; background: rgba(14, 13, 12, .72); color: var(--ink); font: inherit; transition: border-color .2s ease, box-shadow .2s ease; }
.auth-form input:focus { outline: 0; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(214, 184, 90, .14); }
.auth-form small { margin-top: -3px; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.auth-submit { width: 100%; justify-content: space-between; margin-top: 18px; border: 0; cursor: pointer; }
.auth-message { min-height: 24px; margin: 20px 0 0; color: var(--muted); font-size: .82rem; }
.auth-message.is-error { color: #f08c84; }
.auth-message.is-success { color: #9bd5a9; }
@media (max-width: 760px) { .auth-main { width: min(100% - 36px, 520px); display: block; padding: 65px 0 80px; } .auth-intro { margin-bottom: 45px; } .auth-panel { padding: 24px; } }