.animate-fade-in-up{animation:fadeInUp 0.8s ease-out forwards}.page{animation:fadeInUp 0.6s ease-out}#info-modal.hidden{display:none}#info-modal{display:flex}.user-menu-button{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem 0.25rem 0.25rem;border-radius:9999px;border:none;background:rgba(255,255,255,0.05);cursor:pointer}.user-menu-photo{width:32px;height:32px;border-radius:50%}.user-menu-name{font-weight:500;font-size:0.875rem;color:var(--color-slate-300)}.user-menu-dropdown{position:absolute;right:0;top:100%;margin-top:0.5rem;width:200px;background:var(--color-slate-800);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;padding:0.5rem 0;box-shadow:var(--shadow-xl);z-index:100}.dropdown-link{display:block;padding:0.5rem 1rem;color:var(--color-slate-300);text-decoration:none;font-size:0.875rem}.dropdown-divider{border-top:1px solid rgba(255,255,255,0.1);margin:0.5rem 0}.dropdown-info{padding:0.5rem 1rem}.dropdown-info-label{font-size:0.75rem;color:var(--color-slate-500)}.dropdown-info-value{font-size:0.875rem;font-weight:500;color:var(--color-slate-200)}.dropdown-logout{width:100%;text-align:left;padding:0.5rem 1rem;color:var(--color-slate-300);background:none;border:none;cursor:pointer;font-size:0.875rem}.slide-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-slate-600);cursor:pointer;transition:background 0.2s}.slide-dot.active{background:var(--color-primary-500)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s}.slider-arrow-prev{left:-60px}.slider-arrow-next{right:-60px}