.auth-page{align-items:stretch;min-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.auth-bg__circle{filter:blur(80px);border-radius:50%;position:absolute}.auth-bg__circle--1{background:#ff6b351f;width:500px;height:500px;animation:8s ease-in-out infinite float;top:-100px;left:-100px}.auth-bg__circle--2{background:#ffd70014;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-100px;right:-100px}.auth-container{z-index:1;grid-template-columns:1fr 1fr;width:100%;min-height:100%;display:grid;position:relative}.auth-panel--left{border-right:1px solid var(--border-subtle);padding:var(--space-4xl) var(--space-3xl);background:linear-gradient(145deg,#1a0a00 0%,#2d1200 50%,#1a0800 100%);justify-content:center;align-items:center;height:calc(100vh - 80px);display:flex;position:sticky;top:80px;overflow:hidden}.auth-panel--left:before{content:"";background:radial-gradient(at 30%,#ff6b3533 0%,#0000 60%);position:absolute;inset:0}.auth-panel__content{max-width:360px;position:relative}.auth-panel__icon{margin-bottom:var(--space-xl);filter:drop-shadow(0 0 20px #ff6b3580);font-size:60px;animation:4s ease-in-out infinite float;display:block}.auth-panel__title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.auth-panel__desc{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:15px;line-height:1.7}.auth-panel__perks{gap:var(--space-sm);flex-direction:column;display:flex}.auth-panel__perks li{align-items:center;gap:var(--space-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);background:#ffffff0a;padding:10px 14px;font-size:14px;display:flex}.auth-panel__perks li:hover{border-color:var(--border-accent);color:var(--text-primary);background:#ff6b3514;transform:translate(4px)}.auth-panel__perk-icon{flex-shrink:0;font-size:18px}.auth-panel--right{background:var(--bg-base);padding:var(--space-4xl) var(--space-4xl);justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);display:flex;overflow-y:auto}.auth-form-wrapper{width:100%;max-width:440px;padding:var(--space-md) 0 var(--space-4xl)}.auth-back-link{color:var(--text-muted);margin-bottom:var(--space-xl);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:13px;display:inline-flex}.auth-back-link:hover{color:var(--primary)}.auth-form-header{margin-bottom:var(--space-2xl)}.auth-form-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:clamp(1.6rem,4vw,2rem)}.auth-form-subtitle{color:var(--text-muted);font-size:15px}.auth-link{color:var(--primary);transition:color var(--transition-fast);font-weight:600}.auth-link:hover{color:var(--primary-light)}.auth-alert{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:14px;font-weight:500;animation:.3s fadeInUp;display:flex}.auth-alert--error{color:#ff4757;background:#ff47571a;border:1px solid #ff47574d}.auth-alert--success{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc714d}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.form-label-optional{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.auth-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.auth-forgot-link{color:var(--primary);transition:color var(--transition-fast);font-size:13px;font-weight:500}.auth-forgot-link:hover{color:var(--primary-light)}.auth-terms{color:var(--text-muted);font-size:13px;line-height:1.5}.auth-terms a{color:var(--primary);font-weight:500}.auth-submit-btn{width:100%;margin-top:var(--space-sm);padding:16px;font-size:16px}.auth-register-cta{text-align:center;color:var(--text-muted);font-size:14px}@media (max-width:900px){.auth-container{grid-template-columns:1fr}.auth-panel--left{display:none}.auth-panel--right{padding:var(--space-2xl) var(--space-xl);align-items:center;min-height:calc(100vh - 80px)}.auth-form-wrapper{padding:var(--space-md) 0}}@media (max-width:480px){.auth-panel--right{padding:var(--space-xl) var(--space-md)}.auth-form-wrapper{max-width:100%}.auth-form-title{font-size:1.6rem}.auth-submit-btn{padding:14px;font-size:15px}.auth-form{gap:var(--space-md)}}
