.authContainer { display: flex; justify-content: center; align-items: center; min-height: 85vh; padding: 20px; animation: authFadeIn 0.5s ease; }
@keyframes authFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
.authCard { background: var(--cardBg); width: 100%; max-width: 380px; border-radius: 40px; box-shadow: 20px 20px 60px rgba(0,0,0,0.1), -20px -20px 60px rgba(255,255,255,0.02); padding: 50px 30px; text-align: center; border: 1px solid var(--borderColor); }
.logoWrapper { margin-bottom: 30px; display: inline-block; padding: 15px; background: var(--bgColor); border-radius: 30px; box-shadow: inset 6px 6px 12px rgba(0,0,0,0.1), inset -6px -6px 12px rgba(255,255,255,0.02); }
.authLogo { width: 80px; height: 80px; border-radius: 22px; object-fit: cover; }
.authTitle { font-family: var(--headerFont); font-size: 1.8rem; font-weight: 900; color: var(--textColor); margin: 0 0 10px; letter-spacing: -1px; }
.authSubtitle { font-size: 0.9rem; color: var(--textColor); opacity: 0.5; margin-bottom: 40px; font-weight: 600; line-height: 1.4; }
.authBtn { display: flex; align-items: center; padding: 18px 24px; border-radius: 22px; font-weight: 800; text-decoration: none; cursor: pointer; color: var(--textColor); transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); background: var(--bgColor); box-shadow: 6px 6px 12px rgba(0,0,0,0.1), -6px -6px 12px rgba(255,255,255,0.02); }
.authBtn:active { transform: scale(0.95); box-shadow: inset 4px 4px 8px rgba(0,0,0,0.1), inset -4px -4px 8px rgba(255,255,255,0.01); }
.btnIcon { width: 24px; height: 24px; margin-right: 18px; display: flex; align-items: center; justify-content: center; }
.btnText { flex: 1; text-align: left; font-size: 0.95rem; font-weight: 800; }
.btnArrow { width: 32px; height: 32px; background: var(--cardBg); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; color: var(--accentColor); box-shadow: 3px 3px 6px rgba(0,0,0,0.1); }
.authFooter { margin-top: 45px; }
.legalText { font-size: 0.75rem; color: var(--textColor); opacity: 0.4; line-height: 1.6; font-weight: 600; }
.legalText a { color: var(--accentColor); text-decoration: none; font-weight: 800; border-bottom: 1px solid rgba(255,193,7,0.3); }