.auth-page .page-header{padding-bottom:1rem}.auth-page .contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.auth-page .contact-info{display:flex;flex-direction:column;gap:1rem}.auth-page .info-card{padding:1.5rem}.auth-page .info-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;margin-bottom:.75rem}.auth-page .info-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.auth-page .info-desc{font-size:.85rem;color:var(--color-text-muted)}.auth-page .info-social{display:flex;gap:.75rem;margin-top:.5rem}.auth-page .info-social-link{font-size:.85rem;color:var(--color-accent);text-decoration:none;font-weight:500}.auth-page .info-social-link:hover{text-decoration:underline}.auth-page .form-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.auth-page .form-footer-link{color:var(--color-accent);text-decoration:none;font-weight:500}.auth-page .form-footer-link:hover{text-decoration:underline}.auth-page .social-login{margin:1.25rem 0}.auth-page .social-login-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.auth-page .social-login-divider:before,.auth-page .social-login-divider:after{content:"";flex:1;height:1px;background:var(--color-bg-card-border)}.auth-page .social-login-divider span{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.auth-page .social-login-buttons{display:flex;gap:.75rem}.auth-page .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border:1px solid var(--color-bg-card-border)}.auth-page .social-google{background:var(--color-bg-card);color:var(--color-text-primary)}.auth-page .social-google:hover{background:var(--color-bg-card-hover);border-color:#4285f4;color:#4285f4}.auth-page .form-error{padding:.75rem;font-size:.8rem;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-card)}.auth-page .form-help-link{display:block;text-align:right;font-size:.8rem;color:var(--color-accent);text-decoration:none;transition:opacity .25s}.auth-page .form-help-link:hover{opacity:.8;text-decoration:underline}.auth-page .form-submit{padding:.85rem 1.5rem;border-radius:var(--radius-button);border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,opacity .25s}.auth-page .form-submit:disabled{opacity:.5;cursor:not-allowed}.auth-page .theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.auth-page .theme-card{position:relative;padding:1rem;border-radius:var(--radius-card);border:2px solid var(--color-bg-card-border);background:var(--color-bg-card);text-align:center;transition:border-color var(--transition),transform var(--transition)}.auth-page .theme-card:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);transform:scale(1.01)}.auth-page .theme-card.selected{border-color:var(--color-accent);background:var(--color-bg-card);box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 15%,transparent);transform:scale(1.02)}.auth-page .theme-gradient{height:4px;border-radius:2px;margin-bottom:.75rem;transition:opacity .5s}.auth-page .theme-icon{font-size:2rem;margin-bottom:.5rem}.auth-page .theme-name{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.auth-page .theme-desc{font-size:.7rem;color:var(--color-text-muted);line-height:1.3}.auth-page .theme-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--color-accent);color:var(--color-btn-text);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}@media(max-width:768px){.auth-page .contact-grid{grid-template-columns:1fr}}@media(max-width:640px){.auth-page .social-login-buttons{flex-direction:column}}
